Javascript ReactSortable-防止重复
我正在研究ReactSortable示例(react sortablejs),但我不知道如何防止在从一个列表克隆到另一个列表时添加重复对象:Javascript ReactSortable-防止重复,javascript,reactjs,Javascript,Reactjs,我正在研究ReactSortable示例(react sortablejs),但我不知道如何防止在从一个列表克隆到另一个列表时添加重复对象: const [state, setState] = useState([ { id: 0, name: "shrek", ...defs }, { id: 1, name: "fiona", ...defs } ]); const [state2, setS
const [state, setState] = useState([
{ id: 0, name: "shrek", ...defs },
{ id: 1, name: "fiona", ...defs }
]);
const [state2, setState2] = useState([
]);
...
<div>
<ReactSortable
group={{ name: "cloning-group-name", pull: "clone" , put: false }}
animation={200}
delayOnTouchStart={true}
delay={2}
list={state}
setList={setState}
clone={item => ({ ...item })}
sort= {false}
>
{state.map(item => (
<div key={item.id}>{item.name}</div>
))}
</ReactSortable>
<ReactSortable
// here they are!
group={{ name: "cloning-group-name"}}
delayOnTouchStart={true}
delay={2}
list={state2}
setList={setState2}
onAdd = { }
>
{state2.map(item => (
<div key={item.id}>{item.name}</div>
))}
</ReactSortable>
常量[状态,设置状态]=使用状态([
{id:0,名称:“史瑞克”,…defs},
{id:1,名称:“fiona”,…defs}
]);
常量[state2,setState2]=useState([
]);
...
({……项目})}
排序={false}
>
{state.map(项=>(
{item.name}
))}
{state2.map(项=>(
{item.name}
))}
我一直在尝试使用onAdd,但我就是搞不懂逻辑。提前谢谢