天天看點

react 中引用 antd table 元件報錯問題問題 1 key 值綁定設定及到的 問題處理方式

這裡寫自定義目錄标題

  • 問題 1 key 值綁定
    • 注意兩處需要綁定 值 一個
    • 問題 二 (如果在元件中修改傳入的props 會報錯)
  • 設定及到的 問題
  • 處理方式

問題 1 key 值綁定

注意兩處需要綁定 值 一個

數組對象 中每一項都需要有KEY (一半後端傳回數組每一項中沒有KEY ,,那就會出現第二個問題 )

react 中引用 antd table 元件報錯問題問題 1 key 值綁定設定及到的 問題處理方式
react 中引用 antd table 元件報錯問題問題 1 key 值綁定設定及到的 問題處理方式

問題 二 (如果在元件中修改傳入的props 會報錯)

如果在元件中修改傳入的資料對象

react 中引用 antd table 元件報錯問題問題 1 key 值綁定設定及到的 問題處理方式

處理傳入的資料 提示對象不可擴充

設定及到的 問題

需要建立新的對象 進行修改 然後指派。

props是不可變的

state是可變的

處理方式

可以在reducer 中 擷取資料時 對資料進行改造 避免後面在每個元件中進行資料修改