reactjs - 如何在带有 typescript 的 React 中正确使用 useState 钩子(Hook)？

Question

我正在尝试制作一个登录表单以响应 typescript 。但是 setEmail 方法不接受值。它说“字符串”类型的参数不能分配给“SetStateAction”类型的参数。我应该怎么做才能解决它？

Answer 1

您可以设置一个 字符串类型 为了它
显式方式 :

const [email, setEmail] = useState<string>('')

或 隐式方式 :

const [email, setEmail] = useState('')

或者如果你想设置 号码类型

const [inputNumber, setInputNumber] = useState<number>(0);

然后在 jsx ，这样做

<input
  type="number"
  value={inputNumber}
  onChange={(val) => {
    //Some ways to do this
    setInputNumber(Number(val.target.value));
    setInputNumber(+val.target.value);
    setInputNumber(parseInt(val.target.value,0));
  }}
/>

see more examples