首页 > 其他分享 >react 官网学习笔记

react 官网学习笔记

时间:2023-03-21 18:33:39浏览次数:42  
标签:函数 笔记 js react state html props 组件 官网


1. 元素 (html片段) 和组件的关系 (js函数)

2. 写组件的方式 (function还是class)

3. 一个括号和两个括号的使用场景{ } (获取值/js函数调用) {{ }}

4. props和render都是做什么的

5. redux管理的哪些状态

6. constructor和构造函数区别

7. 组件名称必须大写 (html里面写自定义组件,相当于直接调用js函数)

8. 组合组件 (html直接调用组件 [js函数],避免直接操作DOM,主客颠倒/角色互换)

9. props只读,不允许修改 (js函数形参,不可更改)

10. state和props区别 (state 与 props 类似,但是 state 是私有的,并且完全受控于当前组件)

11. state的作用是将html代码中调用组件 (js函数)的形参,转换为成员变量 (class的constructor)

12. react生命周期 (挂载mount和卸载)

13. this.props 和 this.state 可能会异步更新

14. react中的监听 (监听handleClick)

15. 为什么遍历元素<li>必须添加一个属性key
(key 帮助 React 识别哪些元素改变了,比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的标识)
(在map中添加key)

16. 状态提升 (组件内state在两个组件之间数据共享)

17. react中数据流向是自上而下的

18. {props.children} 主要用于未确定的内容 或者自定义属性承接

19. 组合和继承 (js函数中html的嵌套、class函数的调用)

20. 如何生命全局变量context (共享变量)

21. 高阶组件是参数为组件,返回值为新组件的函数

22. hook是 React 16.8 的新增特性,让你在不编写 class 的情况下使用 state 以及其他的 React 特性
也就是使得js函数拥有像class对象一样的state状态管理

23. react主要插件:props, state,context,refs 以及生命周期,高阶组件

24. hook (useState [状态]、useEffect [生命周期])

 

标签:函数,笔记,js,react,state,html,props,组件,官网
From: https://blog.51cto.com/u_16021118/6140789

相关文章

  • 【笔记】electron + react + antd
    electronElectron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库......
  • 王树森Transformer学习笔记
    目录TransformerAttention结构Self-Attention结构Multi-headSelf-AttentionBERT:BidirectionalEncoderRepresentationsfromTransformersSummaryReferenceTransformer......
  • 树链剖分学习笔记(1)
    两大DFS树链剖分是一个比较简单易懂的算法,其两个基础操作为两次dfs,第一次dfs求出每个节点的父节点(\(f_{i}\)),深度(\(dep_{i}\)),子树大小(\(size_{i}\)),重儿子(\(son_{i}\))。其......
  • 【Vue3官方教程】万字笔记 | 同步导学视频
    ......
  • 初学React useEffect Hook
    ReactHooks是从功能组件访问React的状态和生命周期方法的最佳方式。​​useEffect​​​Hook是一个在渲染之后和每次DOM更新时运行的函数(效果)。在本文中,将讨论一些......
  • 模电笔记-基础元器件无图
    模电笔记常见元器件电阻器电阻器提供一定的电阻限制电流的流动由导体材料制成,将导体材料绕制成螺旋状或折叠状,并将两端引出,形成一个固定阻值的器件。电阻器主要关心三......
  • react循环与条件判断
    react没有语法糖,循环和条件判断都是通过原生js来实现1.条件判断//三元表达式constgetDiv=(flag)=>{return(<div>XXX</div>{flag?<div>条件1</d......
  • Cadence入门笔记(三):PCB封装制作
    新建文件首先打开allegro,选择新建一个Packgesymbol随后调整一下图纸的单位和边框大小扩展(把调整Extends可以把原点居中放置,原生只在左下角)为了调用之前设计好的pad文......
  • 计算机组成与设计 硬件软件接口 第五版 流水线部分笔记
    啊TODO1:为什么果壳不在IDU阶段读出寄存器?而要在后端?是跟超标量、乱序有关系吗?TODO2:修改PC难道比修改其它寄存器更快吗?TODO3:长流水线有什么缺点? TODO4:需要两......
  • nginx课堂笔记
    课堂笔记内容介绍nginx1、nginx简介(1)什么是nginx和可以做什么事情(2)正向代理(3)反向代理(4)动静分离2、Nginx的安装(1)在linux系统中安装nginx3......