如何安装 React 和 ReactDom？答案

【问题标题】：How to install React and ReactDom?如何安装 React 和 ReactDom？
【发布时间】：2020-03-25 19:59:38
【问题描述】：

我想开始学习 React，但是如何安装它然后才能导入。我试过： npm install react react-dom 它下载 node_modules 和 package-lock.json 但仍然无法正常工作。这是我尝试过的代码 index.js

    import React from "react"
    import ReactDom from "react-dom"

    ReactDOM.render(<h1>Hello World</h1>, document.getElementByID('root'));

HTML 代码 index.html

     <!DOCTYPE html>
     <html lang="en">
        <head>
           <meta charset="UTF-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <script src="./js/underscore.js"></script>
           <script src="./js/backbone.js"></script>
           <script src="index.js"></script>
           <title>Document</title>
        </head>
        <body>
           <div id="root"></div>
        </body>
        </html>

【问题讨论】：

reactjs.org/docs/getting-started.html
使用 create-react-app
“它不起作用”不是我们可以提供帮助的问题陈述。
ReactDom 在你的 import 语句和 ReactDOM.render 不匹配，请连同 document.getElementById 一起修改

标签： javascript reactjs react-dom

【解决方案1】：

来自 react 的文档：

Create React App 是学习 React 的舒适环境，并且是开始构建新的单页应用程序的最佳方式反应。

所以我建议你从 create-react-app 开始。它是一个预先设置好的环境，所以在你准备好之前你不必担心它。

首次运行：npx create-react-app my-app

这将在你的当前目录中创建一个新文件夹，里面是一个现成的 react 应用程序。

运行cd my-app进入目录
然后运行这个命令 npm start 来启动你的 react 应用

如果你不知道如何运行命令，谷歌“如何在 windows/mac/linux 中运行控制台命令”。

【讨论】：

【解决方案2】：

您的代码中有拼写错误

ReactDOM.render(<h1>Hello World</h1>, document.getElementByID('root'));

应该是

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

还将您的 ReactDom 导入更改为

import ReactDOM from "react-dom"

【讨论】：