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

看板ask作者 (霸氣逼人)時間6年前 (2017/07/16 18:29), 7年前編輯推噓0(0推 0噓 1→)
留言1則, 1人參與, 最新討論串1/1
※ [本文轉錄自 Web_Design 看板 #1O6n-gmo ] 作者: 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://www.ptt.cc/bbs/Web_Design/M.1478172586.A.C32.html
推
11/03 21:25, , 1F
要有一個人(store or parent component)去收集checkbox
11/03 21:25, 1F
→
11/03 21:25, , 2F
發生改變後的資料 再倒進一個清單元件內
11/03 21:25, 2F
→
11/04 13:02, , 3F
把render放清單的位置改變即可，跟React無關
11/04 13:02, 3F
推
11/04 14:51, , 4F
我用Parent component方式嘗試做了一個
11/04 14:51, 4F
→
11/04 14:56, , 6F
也可以看這篇描述組件間如何溝通 https://goo.gl/5ju99L
11/04 14:56, 6F
看完之後覺得受益良多，想再請問一個問題 除了原有的checkbox toggle,要再增加刪除的功能 也就是單按清單裡的apple，會刪掉選項而且checkbox會跟著取消勾選 目前的想法是再B裡面設onClick＝{this.props.onClickClose} 而onClickClose則是於parent裡設定 請問這樣的方向對嗎？ ※ 編輯: yorock (36.227.41.33), 11/05/2016 00:21:35
→
11/05 20:43, , 7F
對 可以試著去做看看
11/05 20:43, 7F
※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: lonelytea (36.237.16.60), 07/16/2017 18:29:09
→
07/16 18:40, , 8F
轉錯文章 QQQQQQ
07/16 18:40, 8F
‣ 更多 lonelytea 的文章
文章代碼(AID): #1PQp_syj (ask)