React 16 新特性尝鲜【第4节】

文章预览

可自由转载。手机上请横屏观看，文末有 高清版 下载方法。 内容目录 4. 用 createPortal 把组件渲染到当前组件树之外 默认情况下，React组件树 是和 DOM树 完全对应的，但是这样会给部分 UI 组件带来限制，比如常见的蒙层、进度条，React 16 为我们提供的 portal 特性能够让我们把组件树的部分渲染到当前组件树之外，本节会基于 portal 机制从零开始构建最小可用的   组件，让大家理解怎么用，有什么最佳实践。 3. 用 Text Only Component 减少 DOM 层级 React 16 之前的版本要求只渲染字符串的组件必须把字符串包在无意义的   或   中，而在 React 16 中这种限制已经去掉，也就意味着你可以在组件的 render 方法中直接返回字符串，创建 Text Only Component，这样会帮我们精简 DOM 层 ………………………………