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

Question

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

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

选项更改方法：

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

谁能指导我解决这个问题。

提前致谢！

Answer 1

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

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

Input Value is not getting updated when state object is set to undefined