[問題] react同個物件放在不同區塊

[yorock (Remix)]

先附上程式碼

http://codepen.io/qq7886/pen/ZBzmdN

目前是checkbox勾選後會出現已勾選的選項

想請問大家，假設我想將checkbox與清單分開

也就是說checkbox自成一欄

打勾之後，清單會列在一起，自成一欄

而不是像現在交錯

該如何處理呢？

目前是react新手，希望大家可以給點方向，謝謝～

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.227.41.33
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1478172586.A.C32.html
推 davidsky: 要有一個人(store or parent component)去收集checkbox
→ davidsky: 發生改變後的資料 再倒進一個清單元件內
→ kkx55893: 把render放清單的位置改變即可，跟React無關
推 joybee: 我用Parent component方式嘗試做了一個
→ joybee: http://codepen.io/joyfeel/pen/WoNRMd?editors=0012
→ joybee: 也可以看這篇描述組件間如何溝通 https://goo.gl/5ju99L
看完之後覺得受益良多，想再請問一個問題
除了原有的checkbox toggle,要再增加刪除的功能
也就是單按清單裡的apple，會刪掉選項而且checkbox會跟著取消勾選
目前的想法是再B裡面設onClick＝{this.props.onClickClose}
而onClickClose則是於parent裡設定
請問這樣的方向對嗎？
※ 編輯: yorock (36.227.41.33), 11/05/2016 00:21:35
→ joybee: 對 可以試著去做看看