web前端：关于React.Fragment

作者:拖着尤克里里的狗更新于： 2020-04-09 22:26:55

　　React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。

　　React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

　　关于React.Fragment

　　官方文档：React中一个常见模式是为一个组件返回多个元素。Fragments可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。

　　作用：代替div作为外层的包裹层。

　　Fragments看起来像是一个空的标签。

　　render(){

　　return(

　　<>

　　);

　　}

　　注意：在渲染时，fragment标签是不会添加到DOM里。与Vue.js里的templete有异曲同工之处。

　　由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来Web开发的主流工具。

　　这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的Webapp解决方案。衍生的ReactNative项目，目标更是宏伟，希望用写WebApp的方式去写NativeApp。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次UI，就能同时运行在服务器、浏览器和手机。