JsHint提示有关React语法中缺少分号的错误

Question

Exact image of error.

我不确定为什么在我的Visual Studio代码环境中会发生这种情况。

import React from 'react';
import {
    AppBar,
    ToolBar,
    Typography,
} from '@material-ui/core';

const AppHeader = () => {
    `<AppBar position="static"></AppBar>`
}

这也是一个标准的React应用。我只是使用create-react-app并运行yarn start，然后进入src文件夹并制作了一个名为AppHeader.js的文件，并在其中输入了这行代码。顺便说一下，我正在运行所有最新版本。

Answer 1

您的AppHeader函数不正确。由于您使用带有花括号的箭头功能，因此必须包含关键字return用于要使用的组件。

只需将其更改为

const AppHeader = () => (
  <AppBar position="static"></AppBar>
);

解决您的问题。注意括号而不是花括号，以及尾随的分号。