这是react/typescript中处理常规输入字段的方式，其中value是类型字符串：

const [value, onChange] = useState<string>('');

const onChange = (e: ChangeEvent<HTMLInputElement>) {
  setValue(e.target.value);
}

return (
  <input
    value={value}
    onChange={onChange}
  />
);

但我在输入类型为number时遇到问题：

const [value, onChange] = useState<number>();

const onChange = (e: ChangeEvent<HTMLInputElement>) {
  // type error
  setValue(e.target.value);
}

return (
  <input
    type="number"
    value={value}
    onChange={onChange}
  />
);

在这个例子中，值的类型是数字，输入的类型是数字（所以假设e.target.value应该总是数字类型。但是根据打印脚本，event.target.value总是字符串。我可以将它转换为数字ie。

const onChange = (e: ChangeEvent<HTMLInputElement>) {
  setValue(Number(e.target.value));
}

但现在如果键入某个数字，用户退格使其为空，则值将变为0 -该字段永远不能为空。
将值保留为字符串，然后在保存时将其转换为数字，这不是一个可行的解决方案
我暂时要做的事情是使e.target.value成为any：

const onChange = (e: ChangeEvent<HTMLInputElement>) {
  setValue(e.target.value as any);
}

这很好用，但我是不是缺少了一些东西来保证这种类型的安全？