React笔记

87 阅读2分钟

React 知识点的笔记

React 是一个用于构建用户界面的用于构建用户界面的 JavaScript 库。它是由 Facebook 开发并维护的,可以用于开发单页应用(SPA)或移动应用的用户界面。下面是一些 React 的重要知识点:

  1. 组件:React 通过组件来构建用户界面。组件是可重用的独立模块,能够将 UI 拆分为独立的功能单元。每个组件都有自己的状态和属性,并可以接受用户的输入和产生输出。
  2. JSX:JSX 是一种类似于 XML 的语法扩展,它允许在 JavaScript 代码中编写 HTML 的结构。React 使用 JSX 来定义组件的结构。
  3. Virtual DOM:React 使用 Virtual DOM(虚拟 DOM)来提高渲染性能。虚拟 DOM 是一个轻量级的 JavaScript 对象,它是对真实 DOM 的抽象表示。当组件的状态改变时,React 使用虚拟 DOM 来计算出最小的变动,并将变动应用到真实 DOM。
  4. 组件生命周期:组件的生命周期是指组件从被创建到被销毁的整个过程。React 组件生命周期包括挂载、更新和卸载三个阶段。在不同的生命周期阶段,可以执行一些特定的操作,如初始化状态、订阅事件、发送网络请求等。
  5. 状态管理:React 使用状态(state)来管理组件的数据。状态是组件的一个对象,可以根据需要更改和访问。当状态改变时,React 自动触发组件的重新渲染。
  6. 属性传递:通过属性(props)可以将数据从一个组件传递到另一个组件。父组件可以通过属性将数据传递给子组件,子组件可以通过 props 对象来访问传递的数据。
  7. 条件渲染:React 允许根据条件来决定组件是否渲染。通过使用条件语句和三元表达式,可以根据一定的条件来显示或隐藏组件。
  8. 列表渲染:React 允许根据列表数据来渲染多个组件。可以使用 map 函数将列表数据映射为一组组件,并将它们渲染到页面上。
  9. 事件处理:React 组件可以对用户的交互作出响应。可以通过给 DOM 元素添加事件处理函数来处理用户的事件,如点击、输入等。
  10. 组件通信:React 通过父子组件之间的属性传递来进行组件间的通信。除了属性传递,还可以使用上下文(context)、全局状态管理工具(如 Redux)等方式来实现更复杂的组件通信。