1. const cloneControlledTarget = this.state.cloneControlledTarget.map((val, key) => (
    2. <li key={uniqueId()} data-id={val}>{val}</li>
    3. ));
    4. ...
    5. <Sortable
    6. options={{
    7. animation: 150,
    8. group: {
    9. name: 'clone2',
    10. pull: true,
    11. put: true
    12. }
    13. }}
    14. className="block-list"
    15. onChange={(items) => {
    16. items = uniq(items); // Remove duplicate items
    17. this.setState({ cloneControlledTarget: items });
    18. }}
    19. tag="ul"
    20. >
    21. {cloneControlledTarget}
    22. </Sortable>
    23. ...

    注: 上例中 li 行类属性 data-id(用于sortable.js 自动排序时标识各dom 的唯一id);如果没有此属性,sortable.js 会自动生成一个唯一随机id