Question

我是React的新手，当我想输出“我欢迎您来回应”时遇到了问题。我浏览了文档，但youtube视频仍然无法识别故障。这是代码：

import React, { Component } from 'react';
import logo, { ReactComponent } from './logo.svg';
import './App.css';
import ReactDom from "react-dom";
class Layout extends React.component {
  render(){
    return(
      <h1>hello welcome to reactjs</h1>
    );
  }
}
let app = document.getElementById("root")
ReactDom.render(<Layout/>, app)
export default App;

这是编译器的编译错误

Failed to compile
./src/App.js
Line 20:16:  'App' is not defined  no-undef

Answer 1

由于未定义应用，因此您的代码无法正确编译。

export default App;

您可能想导出布局。

export default Layout;

Answer 2

删除此行

export default App;

或将行更改为此

export default Layout;

基本上，您收到此错误是因为您尝试导出App组件，并且在当前文件中不存在名为App的任何组件

Answer 3

由于未定义App，因此您的代码无法正确编译。

export default App;

您可能想导出Layout。

export default Layout;

Answer 4

您无需导出任何内容。您将直接在DOM中呈现Layout组件。

请删除此行并尝试。

export default App;

Answer 5

将您的班级组件名称更改为

export default Layout;

它将起作用

我不知道该如何处理这个ReactJS问题

5 个答案: