[問題] React Redux用map輸出component的問題

作者: nicehorse06 (嘿嘿馬)   2018-04-18 10:25:59
大家好,我想用React-Redux做一個紀錄遊戲賽局紀錄的APP.
Reducer的state的資料結構會是如下:
{
'gameId1':[score1, score2, score3],
'gameId2':['score1',score2]
}
然後當用router進入到/game/1的頁面時可以用map去處理gameId1的list值,
把這些score條列式的顯示,但是實際上map無法動態顯示值,
但如果寫死一個相同資料結構的變數餵給 map是會顯示的.
https://codesandbox.io/s/q727wq2xrq
我做了一個這個問題的簡單範例網址如上,我在Reducer中寫死了一個Id,
state為初始值{'1':[]},當我按一下按鈕Increace會把我寫死在Action的data傳送
到state['1']的list,我預期會map動態顯示在頁面上,用console去檢視裡面的值
也是正常的但無法顯示,而我用const定義了一個test_list是可以成功顯示的,
想請教大家這中間的原理,是不是我Reducer用法錯誤了,謝謝大家.
作者: freeccc (自由的ccc)   2018-04-18 14:48:00
作者: goomoni (。)   2018-04-18 16:25:00
檢查一下component有沒有rerender
作者: nicehorse06 (嘿嘿馬)   2018-04-18 22:50:00
@freeccc 謝謝你! 我發現我對Object.assign()很不熟所以我原本的寫法跟=是一樣的,這是個問題 謝謝!@goomoni 我想說console去看state都有變化如果state變了 component也會rerender才會
作者: goomoni (。)   2018-04-18 23:05:00
不對喔!要看你state的結構,有時後react並不會比對出差別,所以才有immutable js

Links booklink

Contact Us: admin [ a t ] ucptt.com