React 快速入门

React 用于构建用户界面的 JavaScript 库。

文章内容：快速带你入门React,如何编写 React 项目

环境准备#

开发环境#

需要在你的机器上安装 Node >= 10.16 和 npm >= 5.6

引入React#

创建新的React应用#

npx create-react-app my-appcd my-appnpm start

项目结构

├── README.md├── node_modules├── package-lock.json├── package.json├── public└── src   ├── App.css   ├── App.js  # 默认生成的组件   ├── App.test.js   ├── index.css   ├── index.js  # 项目入口

编写helloworld#

创建组件#

在 src 目录下创建 HelloWorld.js 文件。内容如下:

function HelloWorld() {   const param = "Wrold";   return (      <div>Hello{param}</div>   );  }export default HelloWorld;

引入组件#

在src/index.js 中引入 HelloWorld
引入之前先注释默认引入的 <App/> 方便观察效果

import HelloWorld from './HelloWorld'ReactDOM.render(  <React.StrictMode>    {/* <App /> */}    <HelloWorld/>  </React.StrictMode>,  document.getElementById('root'));