1.0.5 • Published 6 years ago

react-sortview v1.0.5

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

react-sortview

A react sortable list container support unique drag button whenever you want.

支持特定拖拽按钮的排序容器

paramstypedefaultdescription
valuearray-待排序的数组
keystring-renderItem的key字段
dragbtnstring-拖拽按钮的className
placeholderColorstring'#e7f1ff'占位空间的背景色
onChangefunction-排序后的回调
renderItemfunction-渲染函数
npm install react-sortview
  • USE
import react, {Component} from 'react';
import SortView from 'react-sortview';

export default class Demo extends Component {
    contructor(props){
        super(props);
    }
    
    render() {
        return (
            <SortView
                dragbtn="drag-btn"
                value={[1,2,3]}
                onChange={(val) => {
                    console.log(val);
                }}
                renderItem={(item, index, array) => {
                    return (
                        <div>
                            <span>{item}</span>
                            <button className="drag-btn">drag here</button>
                        </div>
                    );
                }}
            />
        );
    }
};
1.0.5

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago