CNode

reactjs如何实现全选和反选功能?

问答
PPeterWangPo发布于10 年前最后回复10 年前1 回复3574 浏览0 收藏

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

查看回复

回复 (1)

F
fantasticsoul#1·10 年前

你的每一个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

参与回复
登录后即可参与回复。登录