Newlywed Party Monsters

    react-sortview

    1.0.5 • Public • Published

    react-sortview

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

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

    params type default description
    value array - 待排序的数组
    key string - renderItem的key字段
    dragbtn string - 拖拽按钮的className
    placeholderColor string '#e7f1ff' 占位空间的背景色
    onChange function - 排序后的回调
    renderItem function - 渲染函数
    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>
                        );
                    }}
                />
            );
        }
    };
    

    Install

    npm i react-sortview

    DownloadsWeekly Downloads

    4

    Version

    1.0.5

    License

    MIT

    Last publish

    Collaborators

    • daffy6537