Fragment和StrictMode的使用

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

具体详情