react/learn

React 学习指南

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它允许开发者使用声明式的方式构建高效的 UI，并且可以与现有代码库无缝集成。

快速开始

1. 安装 Node.js 和 npm

   • 首先，确保你的电脑上安装了 Node.js 和 npm。可以从 Node.js 官网 下载并安装。

2. 创建 React 应用

   • 使用 create-react-app 工具可以快速创建一个新的 React 应用。
   • 打开终端，运行以下命令：

     npx create-react-app my-app
     

   • 进入项目目录：

     cd my-app
     

3. 启动开发服务器

   • 在项目目录下，运行以下命令启动开发服务器：

     npm start
     

   • 这将在本地开发服务器上启动应用，默认端口为 3000。

基本组件

React 应用由组件组成。组件可以是一个函数或一个类。

• 函数组件

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

• 类组件

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

JSX

JSX 是 JavaScript 的语法扩展，用于描述 UI 应用的结构。

const element = <h1>Hello, world!</h1>;

图片展示

更多关于 React 的学习资源，请访问我们的 React 教程。

抱歉，您的请求不符合要求