react 官网学习笔记

最新推荐文章于 2025-04-28 13:42:18 发布

原创最新推荐文章于 2025-04-28 13:42:18 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react #hook #props #state #生命周期

本文深入探讨React的关键概念，包括组件、状态管理、属性传递、Redux使用、生命周期钩子及Hooks特性。解析props与state的区别，阐述高阶组件与全局变量context的应用，以及组件间的状态共享与数据流方向。

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 [生命周期])