React.js 是一个用于构建用户界面的JavaScript库,由Facebook开发。它被广泛用于创建高性能、响应式的单页应用程序。

快速开始

安装

首先,你需要一个Node.js环境。安装Node.js后,可以使用以下命令创建一个新的React项目:

npx create-react-app my-app

运行

进入项目目录,然后使用以下命令运行项目:

npm start

这将启动开发服务器,并在本地打开一个浏览器窗口显示你的React应用。

组件

React.js 通过组件来构建用户界面。组件是可复用的代码块,可以用来构建复杂的用户界面。

  • 函数组件:使用函数来定义组件,适合简单的UI。
  • 类组件:使用类来定义组件,适合复杂的UI。

状态与属性

  • 状态:用于存储组件的内部数据。
  • 属性:用于从父组件传递数据到子组件。

生命周期

React组件有多个生命周期方法,这些方法在组件的不同阶段被调用。

  • 挂载:组件首次渲染到DOM时调用。
  • 更新:组件状态更新时调用。
  • 卸载:组件从DOM中移除时调用。

社区与资源

React.js 拥有庞大的社区和丰富的资源。以下是一些推荐的资源:

图片

React Logo

React官网 提供了更多关于React.js的详细信息。