如何使用React.Fragment创建不可见的HTML标签
在研究Ant Design Pro项目中,在登录模块中,有React.Fragment的实际应用
接下来先看一个小demo,将返回值包装在中div。这是因为组件只能返回一个元素,如果要多个,则需要用另一个容器标签包装它。
但是,这会导致不必要div的输出。您可以使用React.Fragment以下方法避免这种情况:
它也具有非常好的速记语法<></>
,仅在最新版本(和Babel 7+)中受支持:
在研究Ant Design Pro项目中,在登录模块中,有React.Fragment的实际应用
接下来先看一个小demo,将返回值包装在中div。这是因为组件只能返回一个元素,如果要多个,则需要用另一个容器标签包装它。
但是,这会导致不必要div的输出。您可以使用React.Fragment以下方法避免这种情况:
它也具有非常好的速记语法<></>
,仅在最新版本(和Babel 7+)中受支持:
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。