为什么打字稿在useState抛出错误反应

Question

尽管我已经为我的状态之一提供了对initialState的接口，但我仍然想弄清楚TS为什么会抛出很多错误。

有人可以帮我下面的代码吗？

{{1}}

Answer 1

似乎您正在尝试使用React Functional Components，就像您正在使用useState钩子一样。

在那种情况下，您不应创建类并从React.Component扩展它，因为它们是用于定义类组件的。

这是使用React和TypeScript定义功能组件的方式。

interface initialStateProps {
  eventInfo: {
    name: string; 
    location: string;
  }
}

const Dashboard: React.FC = () => {
  const [formValues, setFormValues] = useState<initialStateProps>({
    eventInfo: {
      name: '',
      location: ''
    }
  })

  return <div></div>

};