需求描述:
開發中遇到一個需求,表格需要修改每個數據(有<Input />, <Select />, <Radio />)和動態新增或刪除一行,想到的辦法是將表格數組數據存在state中,然后在渲染的時候把每個數據都放在組件中。如圖:
出現問題:
不管點擊第幾行刪除,頁面顯示出來的都是刪除最后一行,但是使用console.log()查看state中的數組數據也沒問題。
解決問題:
原來組件使用defaultValue記錄數據
修改為
結論:
估計和react渲染機制有關系,還不是特別清楚。。。