相关疑难解决方法(0)

在React 16.2中,增加了对支持的改进Fragments.更多信息可以在React的博客文章中找到.

我们都熟悉以下代码:

render() {
  return (
    // Extraneous div element :(
    <div>
      Some text.
      <h2>A heading</h2>
      More text.
      <h2>Another heading</h2>
      Even more text.
    </div>
  );
}

是的,我们需要一个容器div,但这并不是什么大不了的事.

在React 16.2中,我们可以这样做以避免周围的容器div:

render() {
  return (
    <Fragment>
      Some text.
      <h2>A heading</h2>
      More text.
      <h2>Another heading</h2>
      Even more text.
    </Fragment>
  );
}

在任何一种情况下,我们仍然需要一个围绕内部元素的容器元素.

我的问题是,为什么使用Fragment更好？它对性能有帮助吗？如果是这样,为什么？会喜欢一些见解.