項目中有一個動態添加、刪除時間選擇框
每次點擊刪除都會把最后一個刪掉,查了百度都說是key的問題,對比了下,最終的問題在index,把name={`time${index}`},改為name={`time${item.id}`}
所以在遍歷后,不要把index用於元素個項的識別上,例如:key name等
{ timeList.map((item, index) => ( <FormItem key={item.id} label={index === 0 ? '時間' : ''} {...formItemLayout} wrapperCol={index === 0 ? null : {offset: 3}} required requiredMessage="請選擇時間"> <TimePicker name={`time${index}`} defaultValue={item.time} /> <Icon type="minus" className="del-icon" onClick={() => delTimeList(index, item)}/> </FormItem> ) ) }