当状态对象设置为未定义时，输入值未更新

Question

我有选项列表（单选按钮），在选择每个选项时，它将显示一些输入字段以从用户那里获取值。这些值存储在“尺寸”状态中。在选项更改时，我将尺寸对象重置为未定义。但是这个值没有在输入字段中更新，而是采用旧值。

文本域： <input value={dimensions ? dimensions[opt?.value?]: undefined}/>

关于选项更改方法：

  const handleOptionChange = (e: any) => {
         setDimensions(undefined);
    };

任何人都可以指导我完成这个任务吗？

提前致谢！

Answer 1

在 ReactJS 中，应始终定义输入值，即使它是空字符串

<input  value={dimensions ? dimensions[opt?.value?]: ''}/>