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

Question

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

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

关于选项更改方法：

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

谁能指导我完成这个。

谢谢你！

Answer 1

在 ReactJS 中，输入值应该总是被定义，即使它是一个空字符串

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