javascript - 无法将 useState 与 typescript 一起使用(找不到名称 'useState' )

Question

下面的代码有什么问题吗？使用 useState 时，我收到 typescript 警告

import * as React, { useState } from 'react'

const useForm = (callback: any | undefined) => {
  const [inputs, setInputs] = useState({}) //error: Cannot find name 'useState'.ts(2304)


  const handleInputChange = event => {
    event.persist()
    setInputs(inputs => ({
      ...inputs,
      [event.target.name]: event.target.value,
    }))
  }

  return {
    handleInputChange,
    inputs,
  }
}

export default useForm

https://codesandbox.io/s/react-typescript-starter-lmub8

Answer 1

您的导入声明无效。

您可以将所有内容导入为 React，如下所示:

import * as React from 'react';

以及从React对象访问useState:

 const [inputs, setInputs] = React.useState({})

或导入 React 作为默认值并仅部分导入其他名称:

import React, { useState } from 'react'

和以前一样使用useState:

const [inputs, setInputs] = useState({});