前端 react 面试题(二)
文章目录
-
- hooks的使用规则
- 为什么hooks要确保在函数组件的最顶层，而不能放置在循环或者条件语句中。
- react的事件模型
- react的合成事件是如何实现的
- react事件传参，可以使用箭头函数或bind方法，这两种哪一种更好
-
- 使用箭头函数：
- 使用`bind`方法：
- react的事件模型和vue的区别
-
- React 事件模型：
- Vue 事件模型：
- react 如何将jsx转为我们所熟悉的html页面
- 如果更新state数据，需要用到之前的state数据应该怎么做？
- react 类组件 事件绑定this
-
- bind绑定
- 箭头函数
hooks的使用规则
Hooks 只能在函数组件中使用： Hooks 只能在函数组件中使用，而不能在类组件中使用。确保你的组件是函数组件，否则 Hooks 将无法正常工作。
按照规定使用 Hooks： 使用 Hooks 的规范是非常重要的。确保在组件的顶层使用 Hooks，不要在循环、条件语句或嵌套函数中使用。
避免滥用 Hooks： 不要滥用 Hooks，只在需要管理组件状态或副作用时使用它们。对于简单的静态组件，不使用 Hooks 也是可以的。
为什么hooks要确保在函数组件的最顶层，而不能放置在循环或者条件语句中。
因为hooks受到react 规则限制，不同生命周期调用对应的hook这些都是规定好的。比如useEffect 的调用 ，会在初始化函数组件和销毁函数组件时分别被执行至少一次。如果放置在if条件语句或者循环语句，将无法保证被执行的时期。放置在其它函数中也不被允许，这些hooks必须在函数式组件创建时就被注册好，如果自由的定义这些hooks创