🐛 修复表单key重复问题,修改this使用方式

This commit is contained in:
xujiang 2020-10-11 03:35:06 +08:00
parent 1a057036aa
commit 0453d8b634

View File

@ -74,6 +74,7 @@ const FormItems = (props: FormItemsProps) => {
}; };
const handleEditItem = (item: baseFormUnion) => { const handleEditItem = (item: baseFormUnion) => {
console.log(item);
setVisible(true); setVisible(true);
setCurItem(item); setCurItem(item);
}; };
@ -89,7 +90,7 @@ const FormItems = (props: FormItemsProps) => {
}; };
const handleSaveItem = (data: baseFormUnion) => { const handleSaveItem = (data: baseFormUnion) => {
let newData = formData.map(v => (v.type === data.type ? data : v)); let newData = formData.map(v => (v.id === data.id ? data : v));
setFormData(newData); setFormData(newData);
onChange && onChange(newData); onChange && onChange(newData);
setVisible(false); setVisible(false);
@ -105,10 +106,10 @@ const FormItems = (props: FormItemsProps) => {
<FormItem {...item} /> <FormItem {...item} />
</div> </div>
<div className={styles.operationWrap}> <div className={styles.operationWrap}>
<span className={styles.operationBtn} onClick={handleEditItem.bind(this, item)}> <span className={styles.operationBtn} onClick={() => handleEditItem(item)}>
<EditOutlined /> <EditOutlined />
</span> </span>
<span className={styles.operationBtn} onClick={handleDelItem.bind(this, item)}> <span className={styles.operationBtn} onClick={() => handleDelItem(item)}>
<MinusCircleOutlined /> <MinusCircleOutlined />
</span> </span>
</div> </div>
@ -125,7 +126,7 @@ const FormItems = (props: FormItemsProps) => {
<div className={styles.disClick}> <div className={styles.disClick}>
<FormItem {...item} /> <FormItem {...item} />
</div> </div>
<span className={styles.addBtn} onClick={handleAddItem.bind(this, item)}> <span className={styles.addBtn} onClick={() => handleAddItem(item)}>
</span> </span>
</div> </div>