第 4:13 行：“React”未定义 no-undef

Question

当我想创建一个没有 JSX 的元素时，它会向我显示此错误

'React' is not defined no-undef

。我是初学者。我不知道出了什么问题。有谁可以帮忙吗

import logo from './logo.svg';
import './App.css';

const app = React.createElement("h1", null, "Without JSX");  // Showing an error

function App() {
  return (
    <div className="App">
      {app};
    </div>
  );
}

export default App;

这些消息显示在 VS code 终端中。

Failed to compile.

./src/index.js
SyntaxError: E:\react_js_course\src\index.js: Unexpected token, expected "," (11:2)
Failed to compile.

src\App.js
  Line 4:13:  'React' is not defined  no-undef

Search for the keywords to learn more about each error.

Answer 1

根据您提供的代码，有几点：

1. 您在示例中使用了 JSX：您的

   App

   组件返回 JSX，因此

   React

   应该在执行此操作的范围内。

2. 您明确使用了 React 方法

   createElement

   ，因此

   React

   应该可用 在此文件中。

要解决这两个问题，请在此文件顶部添加

import React from 'react';

。

Answer 2

在 JSX 中编写代码需要从“react”导入 React，或者使用 ES7 代码片段来帮助自动填充代码

Img-扩展名 ss

Answer 3

对于 React v17+，请将以下内容添加到

.eslintrc

或

eslint.config.js

：

globals: { React: true },

参考：ESLint 手册。受到这篇其他帖子的启发。检查这些链接以获取更多信息。