react| 青训营笔记

46 阅读2分钟

React 是一个用于构建用户界面的 JavaScript 库,它由 Facebook 开发并开源。React 的核心思想是声明式编程,使开发者可以更加专注于应用的业务逻辑而不用过多关注界面的更新和渲染。下面是一些 React 的基本概念和使用方法:

  1. 组件:React 中的组件是构建用户界面的基本单元,每个组件都有自己的状态和生命周期。组件可以是函数组件或类组件。
  2. JSX:JSX 是一种 JavaScript 的语法扩展,允许我们在 JavaScript 中直接编写类似 HTML 的代码。它可以帮助我们更加直观地描述组件的结构和内容。
  3. Props:组件的 Props 是组件从外部传入的属性,它们被用于控制组件的行为和样式。Props 是只读的,不能在组件内部修改。
  4. State:组件的 State 是组件内部管理的状态,它们用于控制组件的行为和样式。State 可以被修改,但只能通过 setState 方法来修改。
  5. 生命周期:组件的生命周期包括挂载、更新和卸载三个阶段,每个阶段都有对应的生命周期函数可以被重写。常见的生命周期函数有 componentDidMount、componentDidUpdate 和 componentWillUnmount。
  6. Hooks:Hooks 是 React 16.8 引入的新特性,它们允许我们在函数组件中使用状态和其他 React 特性。常见的 Hooks 有 useState、useEffect 和 useContext。
  7. Redux:Redux 是一种用于管理应用状态的库,它和 React 配合使用可以方便地管理应用的状态和数据流。Redux 中包含了 Store、Action 和 Reducer 等概念,需要先学习 Redux 的基本概念和用法才能更好地使用。

以上是 React 的一些基本概念和用法,如果想更深入地学习 React,可以查阅官方文档和相关教程。