javascript - 如何更改antd中动态表单字段的值?

标签 javascript reactjs antd

我在antd中有一个动态表单。我想根据另一个字段的值更改另一个字段的值。我使用 onFieldsChange 来检测所需的更改,然后尝试将另一个字段的值更改为等于当前更改的值。

const handleFieldsChange = (data) => {
    // console.log(data);

    if (data)
      if (data[0])
        if (data[0].name)
          if (data[0].name[2]) {
            if (data[0].name[2] === 'quantity') {
              // console.log(data[0].value);
              // form.setFieldsValue()
              form.setFieldsValue({
                [[data[0].name[0], data[0].name[1], 'component_pm']]: 5,
              });
            }
            // if (data[0].name[2] === 'kit') {
            // }
          }
  };

我想将数量值放入 component_pm 字段中。

表格: enter image description here

最佳答案

使用setFields

setFields([{name:[data[0].name[0], data[0].name[1], 'component_pm'],value:5}])

关于javascript - 如何更改antd中动态表单字段的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62569933/

相关文章:

javascript - 具有单独属性的 Bootstrap Modal

javascript - 如何更新故事书中的组件 Prop

javascript - 如何自定义/覆盖 antd 样式?

reactjs - 如何在 ant design 的模态页脚上添加另一个按钮?

javascript - 如何通过代码切换 Firefox 响应式设计 View 分辨率

javascript - 在 HTML 中链接 JavaScript 对象

javascript - PHP ajax不显示数据库中的任何数据

reactjs - 尝试创建新的 React 应用程序时出现错误 404

javascript - ReactJS:本地镜像未加载(使用覆盖路径)

javascript - 垂直 Menu Ant 设计高度 100%