下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:关于React.Fragment

作者:拖着尤克里里的狗     来源: https://www.cnblogs.com/xywait/p/12523722.html点击数:1841发布时间: 2020-04-10 10:28:10

标签: Web开发UI渲染

Web开发

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

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

  关于React.Fragment

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

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

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

  render(){

  return(

  <>

  <ChildA/>

  <ChildB/>

  <ChildC/>

  </>

  );

  }

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

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

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

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程