在导出默认函数中添加componentDidMount并得到“意外的令牌，预期的错误；”]“ <<

Question

我只是从material-ui组件中获取了抽屉组件。但我想在内部更改一些代码以调出我的api。因此，我使用componentDidMount的方法，但是在componentDidMount中出现了Parsing error: Unexpected token, expected ";"错误。我也尝试将其放入export default function，但也会失败。我不确定是否会出错？还是我可以获取我的API的任何方式？

请考虑以下代码：

componentDidMount() {
  const loginEmail = localStorage.getItem('loginEmail');
  this.setState({loginEmail})
  console.log(loginEmail)
  fetch(`http://localhost:9000/api/item/view${loginEmail}`,)
    .then((resp) => {
      resp.json()
        .then((res) => {
          console.log(res.data.user_info.id);
          //  localStorage.setItem('id', res.data.user_info.id);
          this.setState({data: res.data});
        })
    })
}
}

export default function PermanentDrawerLeft() {
  const classes = useStyles();
  return (
   ...// the drawer code take from material-ui.com
  );
}

我只是从material-ui组件中获取了抽屉组件。但我想在内部更改一些代码以调出我的api。因此，我使用componentDidMount的方法，但是却遇到了解析错误...

Answer 1

除了可能的不良复制/粘贴作业，fetch中还有一个悬挂的逗号和一个额外的}。