文章目录
- 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创