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 [一步 01,一步 02,一步 03,一步 04];}
登录后复制
同时,也提供了另一种方法,那就是Fragments。
在我们定义组件的时候,return返回需要唯一根元素,所以我们经常会写一个div来包裹,,如果我们不想渲染这个div,减少dom渲染,就可以引用Fragment组件。
import React from 'react'; export default function () { return (一步 01一步 02一步 03一步 04);}
登录后复制
更多编程相关知识,请访问:编程入门!!
以上就是react中fragment是什么?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2723025.html