第 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 代碼終端中。

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應該在 scope 中執行此操作。

2. 您正在顯式使用 React 方法createElement ，因此React應該在此文件中可用。

要解決這兩個問題，請添加import React from 'react'; 在這個文件的頂部。

Answer 2

在 JSX 中編寫代碼需要 import React from 'react' 並且您可以使用 ES7 片段來幫助自動填充代碼

在此處輸入圖像描述

圖片擴展名 ss