作者yorock (Remix)
看板Web_Design
标题[问题] react同个物件放在不同区块
时间Thu Nov 3 19:29:43 2016
先附上程式码
http://codepen.io/qq7886/pen/ZBzmdN
目前是checkbox勾选後会出现已勾选的选项
想请问大家,假设我想将checkbox与清单分开
也就是说checkbox自成一栏
打勾之後,清单会列在一起,自成一栏
而不是像现在交错
该如何处理呢?
目前是react新手,希望大家可以给点方向,谢谢~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.227.41.33
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1478172586.A.C32.html
1F:推 davidsky: 要有一个人(store or parent component)去收集checkbox 11/03 21:25
2F:→ davidsky: 发生改变後的资料 再倒进一个清单元件内 11/03 21:25
3F:→ kkx55893: 把render放清单的位置改变即可,跟React无关 11/04 13:02
4F:推 joybee: 我用Parent component方式尝试做了一个 11/04 14:51
看完之後觉得受益良多,想再请问一个问题
除了原有的checkbox toggle,要再增加删除的功能
也就是单按清单里的apple,会删掉选项而且checkbox会跟着取消勾选
目前的想法是再B里面设onClick={this.props.onClickClose}
而onClickClose则是於parent里设定
请问这样的方向对吗?
※ 编辑: yorock (36.227.41.33), 11/05/2016 00:21:35
7F:→ joybee: 对 可以试着去做看看 11/05 20:43