在 React 组件中哪里使用 Usestate 钩子

Question

我试图在反应中使用 UseState 钩子，但我不确定在哪里定义它。 我试图在 React 组件中声明它，但编译器给出了错误

 class VoiceCallComponent extends React.Component { const [val, setVal] = React.useState(7); .. .. .. }

上面的代码抛出一个错误，指出标识符需要。

Answer 1

您不能在 class 组件中使用useState 。 您需要一个功能组件。

这是文档

这是您的示例的代码：

import React, { useState } from 'react';

function VoiceCallComponent() {
  const [val, setVal] = useState(7);

  // rest of the component logic goes here
  return (
    // JSX
  )
}