如何安装React和ReactDom?

问题描述 投票:-2回答:2

我想开始学习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>
javascript reactjs react-dom
2个回答
1
投票

您的代码中存在拼写错误

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

应该是

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

也将ReactDom导入更改为

import ReactDOM from "react-dom"

0
投票

来自react的文档:

创建React App是学习React的舒适环境,并且是开始在其中构建新的单页应用程序的最佳方法反应。

因此,我建议您从create-react-app开始。它是一个预先设置好的环境,可以进行所有设置,因此在您准备就绪之前,您不必担心。

  1. 第一次运行:npx create-react-app my-app
  2. 这将在当前目录中创建一个新文件夹,并且在其中是现成的React应用程序。

  1. 通过运行cd my-app输入目录

  2. 然后运行此命令npm start以启动您的React应用

  3. 如果您不知道如何运行命令,请google“如何在Windows / Mac / Linux中运行控制台命令”。

© www.soinside.com 2019 - 2024. All rights reserved.