Javascript 应用程序未定义-未定义。。。从新开始

我安装了react、npm并修复了路径，编写了我的第一个代码，并用npm启动了开发服务器，我得到了以下信息：

未能编译

./src/App.js 第5:1行：“hi”未定义无未定义 第6:17行：“hi”未定义无未定义 第10:16行：未定义“应用程序”无未定义

我的代码：

import React, { Component } from 'react';

import ReactDOM from 'react-dom';

hi = <h1>Hello</h1>
ReactDOM.render(hi,document.getElementById('root'));
export default App

import React，{Component}来自'React'；
从“react dom”导入react dom；
你好
render（hi，document.getElementById（'root'）；
导出默认应用程序

您忘记声明数据类型。也不需要导出默认应用程序

您试图在声明之前使用

hi

您正在导出

应用程序

，而不在任何地方声明它

让我们试试看

import React，{Component}来自'React'；
从“react dom”导入react dom；
让hi=你好
render（hi，document.getElementById（'root'）；
//导出默认应用程序
//我不确定你的用法，但因为你已经渲染了它，所以我假设这行是不需要的

没有要导出的内容。删除最后一行尝试删除该行时，会出现一个新错误：./src/index.js尝试导入错误：'./App'不包含默认导出（作为“App”导入）。尝试将const放在前面，即const hi=Helloi尝试删除最后一行时，会出现此错误：./src/index.js尝试导入错误：'./App'不包含默认导出（作为“应用程序”导入）。您可以向我们显示完整代码吗？我们无法确定您是否使用了。如果您使用的是CRA（创建应用程序），右边有一个预定义的应用程序组件，不管是类组件还是功能组件。此外，如果您使用CRA，默认情况下它将导入应用程序。因此，代码的底线应该类似于ReactDOM.render（，document.getElementById（'root'）；我使用了CRA。这就是整个代码（在应用程序文件中）我没有编辑或向SRC添加任何新文件。如果是CRA，首先，您忘记从“/App”导入应用程序；在index.js和你的App.js中，你忘记了导出默认应用；我用create react App创建了这个项目。你默认声明App是什么意思，你的App.js应该有类似于

let App=XXX

或

function App

甚至

class App

，但是你删除了它并创建了自己的

hi

，所以e> 应用程序在该文件中未定义。你完全正确，我应该更加注意，干杯