如何在这个简单的 React 代码中输出 hello world？答案

【问题标题】：How can I output hello world in this simple React code?如何在这个简单的 React 代码中输出 hello world？
【发布时间】：2021-01-08 19:14:50
【问题描述】：

我使用 npm 的 create-react-app 来启动一个新的 react 项目。我想用它来做关于 Scrimba 的学习反应课程。我安装了所有东西，没有任何问题。我删除了所有 src 文件，因为我会从 Scrimba 复制新文件，但我保留了其他所有文件。

我的 index.js 文件中目前有以下内容

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

ReactDOM.render(<div><h1>Hello world!</h1></div>, document.getElementById('root'));

还有一个html文件

<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <h1>placeholder</h1>
        <div id="root"></div>
        <script src="index.pack.js"></script>
    </body>
</html>

当我加载 html 文件时，我可以看到“占位符”，但看不到“Hello World！” 我还包括了文件布局的图像。我还附上了屏幕截图，以防我的布局或出现问题。任何帮助表示赞赏！（我已经发布了几乎相同的问题，但建议发布更好/更新的版本）

【问题讨论】：

create react 应用程序编译到您的公共文件夹中的 index.html 文件中。您无需在源文件夹中创建 index.html。相反，React 需要 jsx。我强烈建议阅读一些文档

标签： javascript html reactjs

【解决方案1】：

您的公用文件夹中已经有一个 index.html 文件。无需创建新的。

您应该开始查看您的 index.js 文件。它指向 app.js，这是一个示例 react 组件，您可以开始编辑和玩弄。

确保打开终端并使用 npm install 和 npm start 启动您的 react 应用程序。

我建议阅读一些文档。官方反应网站很棒。 https://reactjs.org/tutorial/tutorial.html

【讨论】：

这不是答案，应该是评论。
我其实不知道已经有一个公开的 index.html，所以我只是创建了一个。我按了 cmd i 来运行该文件（但不确定这是否是您所说的加载）。
我的错，想帮助 OP，但我还不能发表评论。