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>
);

解决您的问题。请注意括号而不是大括号，以及结尾的分号。

JsHint提示react语法中缺少分号的错误

JsHint prompting an error about missing a semicolon in react syntax

jshint

reactjs

visual-studio-code