zh/learn/react

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它允许开发者使用组件化的方式来构建复杂的 UI，同时保持代码的可维护性和可重用性。

快速开始

1. 安装 React 使用 npm 或 yarn 安装 React：

   npm install react
   

   或者

   yarn add react
   

2. 创建一个简单的 React 应用 创建一个名为 index.js 的文件，并添加以下代码：

   import React from 'react';
   import ReactDOM from 'react-dom';
   
   const App = () => {
     return (
       <div>
         <h1>Hello, world!</h1>
       </div>
     );
   };
   
   ReactDOM.render(<App />, document.getElementById('root'));
   

3. 运行你的应用 在命令行中运行：

   npm start
   

   或者

   yarn start
   

   这将启动一个开发服务器，并在浏览器中打开你的应用。

React 组件

React 组件是 React 应用的最小可复用单元。组件可以接受 props 作为输入，并返回一个 React 元素。

• 函数组件

  function Welcome(props) {
    return <h1>Hello, {props.name}</h1>;
  }
  

• 类组件

  class Welcome extends React.Component {
    render() {
      return <h1>Hello, {this.props.name}</h1>;
    }
  }
  

图片示例

React Logo

更多关于 React 的信息

React 是一个功能强大的库，可以帮助开发者构建高性能、可维护的用户界面。希望这份快速指南能帮助你入门 React！