Fragment
由于 render 函数的返回值中只能有有一个根节点,所以每次返回内容时都需要包裹一个div元素
这个div元素对于某些场景是需要的(比如我们就希望放到一个div元素中,再针对性设置样式)
某些场景下这个div是没有必要的,比如当前这里我可能希望所有的内容直接渲染到root中,而不是所有的内容外面还需要包裹一个 div
此时,就可以使用 Fragment
class Title extends PureComponent {
render() {
return (
<Fragment>
<h2>我是标题</h2>
<p>我是段落中的文字</p>
</Fragment>
)
}
}
StrictMode
StrictMode 和 Fragment 都可以起到包裹的作用,但是 StrictMode 还可以为其后代元素触发额外的检查和警告,有点类似于严格模式
检查的内容
- 识别不安全的生命周期
- 关于使用过时字符串 ref API 的警告
- 关于使用废弃的 findDOMNode 方法的警告
- 检测意外的副作用
- 检测过时的context API