我无法渲染反应答案

【问题标题】：I can't render reactdom我无法渲染反应
【发布时间】：2019-02-19 16:21:35
【问题描述】：

我是新手，但我在HTML、JavaScript 和CSS 方面有经验。我安装了 node 和 npm 并使用 npm 并在我的 windows pc 上输入了以下命令。

npm install -g create-react-app

这将安装一个名为 create-react-app 的命令行实用程序，然后通过输入以下命令创建我的 react 应用程序：

create-react-app my-app

现在我已经设置了所有我决定尝试一些 react 和编辑 app.js 的东西。我最后添加了以下几行（导入的除外）。

import ReactDOM from 'react-dom';

const h1 = ( <h1>Hey there!</h1> );
ReactDOM.render(h1, document.getElementById("test") );
//the id "test" was assigned to a <h1> element in index.js

现在我保存它并运行以下命令：

cd my-app
npm start

现在出现错误：

有人遇到过同样的错误吗？如果有请告诉我如何解决？

PS：如果有帮助，我会在 Visual Studio 代码中进行代码编辑。

【问题讨论】：

截图与您的代码不符。发生了什么？
我知道。我不知道为什么会这样，因为如果我把我写的代码拿出来，它可以工作并且没有错误。
我知道这很愚蠢，可能没有帮助，但请检查您是否已保存文件并重新启动开发服务器
我确实保存了它，我刚刚重新启动了开发服务器，它仍然显示相同的错误。
等等，你说你编辑了 App.js？

标签： html reactjs npm

【解决方案1】：

检查你的 index.js 中是否有 ReactDOM
您的应用程序中应该只有一个 RenderDOM，那就是您的 index.js。这是由于 create-react-app webpack 配置，它只会从 index.js 读取 ReactDOM。

将 App.js 更改为：

import React from 'react';

const App = () => {
    return (
        <h1>HELLO WORLD</h1>
    );
};

export default App;

并将 Index.js 更改为：

import React from 'react';
import ReactDOM from 'react-dom';

import App from './App';

ReactDOM.render(<App />, document.getElementById('test'));

【讨论】：

谢谢@VJ Solanki！

【解决方案2】：

如果你不想要 App.js，你也可以试试这个：

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => {
   return (<h1>HELO WORLD</h1>);
}

ReactDOM.render(<App />, document.getElementById('test'));

【讨论】：