我想开始学习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>
您的代码中存在拼写错误
ReactDOM.render(<h1>Hello World</h1>, document.getElementByID('root'));
应该是
ReactDOM.render(<h1>Hello World</h1>, document.getElementById('root'));
也将ReactDom
导入更改为
import ReactDOM from "react-dom"
来自react的文档:
创建React App是学习React的舒适环境,并且是开始在其中构建新的单页应用程序的最佳方法反应。
因此,我建议您从create-react-app开始。它是一个预先设置好的环境,可以进行所有设置,因此在您准备就绪之前,您不必担心。
npx create-react-app my-app
这将在当前目录中创建一个新文件夹,并且在其中是现成的React应用程序。
通过运行cd my-app
输入目录
然后运行此命令npm start
以启动您的React应用
如果您不知道如何运行命令,请google“如何在Windows / Mac / Linux中运行控制台命令”。