setFieldsValue 的 key 是个变量

最新推荐文章于 2024-01-30 23:11:02 发布

聆听。。花开雨落

最新推荐文章于 2024-01-30 23:11:02 发布

阅读量370

点赞数

CC 4.0 BY-SA版权

分类专栏： React 文章标签： html 前端 javascript

原文链接：https://www.cnblogs.com/Freya0607/p/16128881.html

React 专栏收录该内容

20 篇文章

订阅专栏

该段代码展示了如何根据用户选择在表单中动态设置和清除输入控件的值。`handleTypeChange`函数接收`value`和`code`参数，利用`form.setFieldsValue`清空特定标识的字段，并根据`value`更新状态，将数据切换为`liveList`或`surveyList`。此功能常见于问卷或直播相关的应用中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setFieldsValue 设置一组输入控件的值，如果设置的 key 是个变量时要用 [] 包裹

const handleTypeChange = (value: IdentifierType, code: string) => {
    form.setFieldsValue({ [`identifier${code}`]: '' }); // 清空问卷、直播标识
    if (value === IdentifierType.live) {
      updateState({ [`${code}`]: liveList });
    } else {
      updateState({ [`${code}`]: surveyList });
    }
  };