如何使用React.Fragment创建不可见的HTML标签

在研究Ant Design Pro项目中,在登录模块中,有React.Fragment的实际应用

接下来先看一个小demo,将返回值包装在中div。这是因为组件只能返回一个元素,如果要多个,则需要用另一个容器标签包装它。

但是,这会导致不必要div的输出。您可以使用React.Fragment以下方法避免这种情况:

它也具有非常好的速记语法<></>,仅在最新版本(和Babel 7+)中受支持:

 

posted on 2019-10-24 15:16  Jack·zhou  阅读(2195)  评论(0编辑  收藏  举报