10.高级组件-Protals-Fragment-严格模式-动画
Protals
其实就是 Vue3 的 Teleport,从逻辑上从属于父组件,但实际渲染在父组件以外的DOM元素。最常见的例子是全屏模态框。
具体的 API 如何使用可以去看官方文档:createPortal
Fragment
React 要求必须要有一个根元素,如果不想渲染一个 div 标签可以用 Fragment 包裹起来。
Fragment 有个语法糖:<> </>。用了这么久才知道
StrictMode
StrictMode 是一个用来突出显示应用程序中潜在问题的工具
- 可以在开发模式下(不会影响生产环境),为其后代元素触发额外的检查和警告。
- 可以全局开启也可以局部开启,仅对包裹的子元素生效。
至此,组件化开发的内容完。因为本节不是重点,所以记得不是很详细。
React 过渡动画
主要是讲了 react-transition-group 这个库怎么使用,暂时先跳过,用到了再学...