reactjs如何实现全选和反选功能?
发布于 7 年前 作者 PeterWangPo 2472 次浏览 来自 问答

如题,刚入手reactjs,有些地方还是不太明白,求大神解惑。。。例如全选我可以在组件中加一个全选状态,然后遍历item的时候根据这个全选状态来判断是否选中所有的item,但是我单击某一个item的时候,如何更新这个状态,只让我点击的item取消选中,其他item还是选中呢?

1 回复

你的每一个item应该都都有一个对应的state形如:items = [{selected:true},{selected:true},{seleted:false}],全选只是遍历数组,把所有对象的 selected改为true,单击下标为x的某个item改变它的选中状态,仅仅只是操作items[x].selected = !items[x].selected 而已吧,不明白你这里的纠结点是?参考我之前撸的todolist: http://output.jsbin.com/sotohab/2

回到顶部