作者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/m.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