使用React钩子时使用打字稿键入组件状态

时间:2019-08-09 09:35:14

标签: reactjs typescript react-hooks

react中的类组件采用两个接口,分别是propsstate

Class MyComponent extends React.Component<IMyComponentProps, IMyComponentState> {}

但是在使用钩子时,组件声明看起来像这样

interface IMyComponentProps {
  ...
}

const MyComponent: React.FC<IMyComponentProps> = ({...}) => {
  const [state, setState] = useState(...);

  return (
    <>...</>
  );
};

export default FormMessage;

使用挂钩时是否需要为state指定接口?

1 个答案:

答案 0 :(得分:2)

您可以输入状态,useState是通用函数

const [state, setState] = useState<IMyComponentState>(...);