Javascript 尝试从服务器提取数据时出错分析错误：意外令牌

我正在使用pern stack，当我尝试使用useffect或useState时，我得到了这个错误。 所以，我使用postgres创建数据库，并使用express使用pool进行连接

创建了一个端点，并尝试在我的代码中获取该端点

import React, {useEffect , useState} from 'react';
import Table  from './Table';
import Nav from './Navi';
import TemplateList from './TemplateList';
import {Tab,Tabs} from 'react-bootstrap';
class Dashboard extends React.Component{
  const [tdata,setTdata] = React.useState([]);

  info = async () => {
    try {
      const response = await fetch("http://localhost:8080/dashboard");
      const dataServer = await response.json();
      React.setTdata(dataServer);
    } catch (err) {
      console.error(err.message);
    }
  }
  console.log(tdata);

  React.useEffect(() => {
    info();
  }, []);

错误

---

不能在基于类的组件中使用React钩子，请将类更改为纯功能组件，如下所示：

从React导入React，{useffect，useState}； 从./Table导入表； 从导入导航。/Navi； 从导入模板列表。/TemplateList； 从react引导导入{Tab，Tabs}； const Dashboard=props=>{ 常量[tdata，setTdata]=useState[]； 常量信息=异步=>{ 试一试{ 常数响应=等待fetchhttp://localhost:8080/dashboard; const dataServer=await response.json； SettDataServer； }犯错误{ console.error.message； } }; console.logtdata； useEffect=>{ 信息； }, []; 返回{ /*这里是你的JSX*/ }; }; 更多关于钩子的信息，请点击此处：

Failed to compile
./src/components/Dashboard.js
  Line 7:9:  Parsing error: Unexpected token

   5 | import {Tab,Tabs} from 'react-bootstrap';
   6 | class Dashboard extends React.Component{
>  7 |   const [tdata,setTdata] = React.useState([]);
     |         ^
   8 | 
   9 |   info = async () => {
  10 |     try {