react中fragment是什么？
- 青灯夜游 原创
- 2020-11-20 15:44:49 12999浏览
fragment是react中的一个组件，作用是代替div作为外层，可做不可见的包裹元素。定义组件的时，return返回需要唯一根元素，所以经常会写一个div来包裹，但如果不想渲染这个div，减少dom渲染，就可以引用fragment组件。
推荐教程：《React视频教程》
fragment是react中的一个组件，作用是代替div作为外层，可做不可见的包裹元素。
React中一个组件往往要返回多个元素，同时，React又要求这些元素必须被包裹在一个元素下，最普遍的做法是用
包裹。这样做的问题是增加了许多不必要的嵌套，无形中增加了浏览器的渲染压力。
从react 16开始， render支持返回数组：
import React from 'react';
export default function () {
return [
<div>一步 01</div>,
<div>一步 02</div>,
<div>一步 03</div>,
<div>一步 04</div>
];
}同时，也提供了另一种方法，那就是Fragments。
在我们定义组件的时候，return返回需要唯一根元素，所以我们经常会写一个div来包裹，，如果我们不想渲染这个div，减少dom渲染，就可以引用Fragment组件。
import React from 'react';
export default function () {
return (
<Fragment>
<div>一步 01</div>
<div>一步 02</div>
<div>一步 03</div>
<div>一步 04</div>
</Fragment>
);
}更多编程相关知识，请访问：编程入门！！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
