如何在这个简单的 React 代码中 output hello world？

Question

我使用了 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”。 我还包括了文件布局的图像。 我还附上了屏幕截图，以防我的布局或出现问题。 任何帮助表示赞赏！ （我已经发布了几乎相同的问题，但建议发布更好/更新的版本）

Answer 1

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

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

确保打开一个终端并使用npm install然后npm start启动您的反应应用程序。

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

如何在这个简单的 React 代码中 output hello world？

问题描述

1 个解决方案

解决方案1
2 2021-01-08 19:21:06

如何在这个简单的 React 代码中 output hello world？

问题描述

1 个解决方案

解决方案1 2 2021-01-08 19:21:06

解决方案1
2 2021-01-08 19:21:06