📌  相关文章
📜  安装反应 - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:25.705000             🧑  作者: Mango

安装反应 - Javascript

React 是 Facebook 推出的一个 Javascript 库，已经成为构建现代 Web 应用程序的首选。这里将介绍如何在项目中安装和配置反应。

1. 安装 Node.js

首先，在你的电脑上安装 Node.js。你可以从官方网站 https://nodejs.org/en/ 下载并按照说明进行安装。

2. 使用 NPM 安装 React

使用 NPM (Node Package Manager) 命令安装 React：

npm install react react-dom
3. 引入 React

在 HTML 文档中引入 React：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My React App</title>
  </head>
  <body>
    <div id="root"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>
    <script src="index.js"></script>
  </body>
</html>
4. 使用 React

创建一个文件 index.js 并编写你的第一个 React 应用程序：

const element = React.createElement('h1', { className: 'greeting' }, 'Hello, world!');
ReactDOM.render(element, document.getElementById('root'));
5. 运行 React 应用程序

打开命令行，切换到项目的根目录，然后启动应用程序：

npm start

该命令将启动开发服务器，使你的应用程序在浏览器中自动重新加载。

现在，如果你在浏览器中打开 http://localhost:3000，你应该看到 "Hello, world!" 的标题。

结论

反应是一个非常强大的 Javascript 库，用于构建现代 Web 应用程序。这里介绍了如何安装和配置 React，并提供了一个简单的示例来开始使用它。