react +antd form动态添加时,删除元素没有及时渲染问题解决_react动态删除表单项渲染出现问题

 removeToClick = index => {
//下面这个很关键,它是重新渲染repayPlanInfoList 对应的表单的关键,光修改state还不够,会出现key前移导致可以并没有改变而不渲染页面的情况
    const { form } = this.props;
    const repayPlanInfoList = form.getFieldValue('repayPlanInfoList');
    form.setFieldsValue({
      repayPlanInfoList: repayPlanInfoList.filter((item, key) => key !== index),
    });

    let tablelist = JSON.parse(JSON.stringify(this.state.tabList));
    tablelist.splice(index, 1);
    this.setState({
      tabList: tablelist,
    });
  };
1
2
3
4
5
6
7
8
9
10
11
12
13
14