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 | - | 渲染函数 |

• DEMO

  Click to open the demo on jsfiddle.com

  

• INSTALL

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>
                    );
                }}
            />
        );
    }
};