Skip to main content

react

React 学习记录​

要写纯粹的函数​

函数内部不要修改传入的参数的值，对于相同的输入总是有相同的输出

useState 和 useRef 区别​

React 组件中的变量不会记录值，组件每次渲染时都会重新初始化， useState 和 useRef 两者都可以在组件中保持状态值，区别是 useRef 的值可以直接修改并且不会触发组件重新渲染，useState 的值必须通过设置方法修改且会触发重新渲染

react 构建 UI 过程​

  1. 将 UI 拆解为组件层级结构
  2. 使用 React 构建一个静态版本
  3. 找出 UI 精简且完整的 state 表示
  4. 验证 state 应该被放置在哪里
  5. 添加反向数据流

JSX​

JSX 中一个标签包裹的 html 代码可以看作是一个 js 对象，比如可以 push 到数组中 JSX 只有一行的时候可以直接返回，多行必须用 () 包住。可以嵌入包裹的 js 代码。

  • JXS 内嵌的 js 代码只能调用方法或构造函数，不能写循环及条件语句，可以用三目运算符