阅读React官方文档

2024-06-08 20:28:23

阅读React官方文档

- 1，组件&props
- 2，State&生命周期
- 3，事件处理
- - （1）事件绑定方法一：
  - （2）事件绑定方法二：
  - （3）事件绑定方法三：
  - （4）向事件传递参数：
- 4，条件渲染
- - （1）if else
  - （2）&&
  - （3）三元运算符
  - （4）阻止组件渲染
- 5，列表&key
- 6，表单
- 7，状态提升
- 8，组合
- - （1）props.children
- 9，React哲学
- - （1）设计组件层级：单一功能原则
  - （2）创建静态页面（构建UI）
  - （3）实现交互
  - - a, 确定所需的state（最小且完整表示）
    - b, 反向数据流
二，高级指引
- 1，Fragment
- 2，代码分割
- - （1）React.lazy( )
- 3，Context
- - （1）Provider\Consumer\contextType
  - （2）在嵌套组件中更新 Context
  - （3）消费多个 Context
- 4，错误边界
- 5，Refs转发
- 6，高阶组件
- 7，深入JSX
- 8，性能优化
- 9，Portal
- 10，Profiler

1，组件&props

2，State&生命周期

3，事件处理

（1）事件绑定方法一：

（2）事件绑定方法二：

（3）事件绑定方法三：

（4）向事件传递参数：

4，条件渲染

（1）if else

（2）&&

（3）三元运算符

（4）阻止组件渲染

5，列表&key

6，表单

7，状态提升

8，组合

（1）props.children

9，React哲学

（1）设计组件层级：单一功能原则

（2）创建静态页面（构建UI）

（3）实现交互

a, 确定所需的state（最小且完整表示）

b, 反向数据流

二，高级指引

1，Fragment

2，代码分割

（1）React.lazy( )

3，Context

（1）Provider\Consumer\contextType

（2）在嵌套组件中更新 Context

（3）消费多个 Context

4，错误边界

5，Refs转发

6，高阶组件

7，深入JSX

8，性能优化

9，Portal

10，Profiler

阅读React官方文档相关推荐

oracle上移下移置顶,[置顶] 阅读Oracle官方文档指南
[置顶] 阅读Oracle官方文档指南还在整理中.... EXPDP/IMPDP 相关文档:Utilities 2 Data Pump Export 3 Data Pump Import ...
阅读ethercat官方文档关于ethercat网卡驱动程序的一些内容
学习交流加个人qq: 1126137994 个人微信: liu1126137994 学习交流资源分享qq群: 962535112 改造iMX6(fec)网卡驱动程序前期工作之:阅读ethercat- ...
pythondocumentation是什么_怎样阅读Python官方文档
如何阅读官方Python文档的初学者,因为他们没有相关的经验,学习语言通常是费时且劳动密集型和效果不是很好.下面简要介绍如何阅读官方文件.一旦你学会快速查询官方文件,学习效率会提高很多文档门户.如何阅 ...
如何阅读AUTOSAR官方文档
注: 本文首发于微信公众号"嵌入式软件实战派",关注获得更多内容. AUTOSAR有哪些标准文档 Classic Platform AUTOSAR Classic Platform ...
React官方文档学习笔记（二）
深入 JSX 在运行时选择类型错误 import React from 'react'; import { PhotoStory, VideoStory } from './stories';con ...
阅读vue3官方文档之摘录
基础模板语法动态参数也可以在指令参数中使用 JavaScript 表达式,方法是用方括号括起来: <!-- 注意,参数表达式的写法存在一些约束,如之后的"对动态参数表达式的约束& ...
React官方文档自学笔记
一.条件渲染这块的代码: import React from 'react' function UserGreeting(props) {return <h1>Welcome back!& ...
【React】React官方文档学习小记
1.setState可能是异步的解决:将一个函数传给setState 2.setState是浅合并 3.jsx的事件必须传入的是函数,而不是字符串, onClick必须是小驼峰写法 onClick= ...
无障碍辅助功能(精读React官方文档—13)
什么是无障碍辅助功能? 官方描述:网络无障碍辅助功能(Accessibility,也被称为 a11y,因为以 A 开头,以 Y 结尾,中间一共 11 个字母)是一种可以帮助所有人获得服务的设计和创造. ...

最新文章

热门文章