关于React中Fragment及Helmet标签

Fragment标签

在布局时,有事会看到<Fragment>标签,这个标签有什么用呢?

React.Fragment

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

Fragments 看起来像空的 JSX 标签,即:

const comp = ()=>{
	return (
	<>
		<td>abc</td>
		<td>dec</td>
	</>
	)
}

上面的<>其实就等同于<Fragment><>是一个语法糖

Helmet标签

react在做基本布局时,也会用上。有时,需要动态修改页面的<head>中的标签,如修改标题<title><link> <meta>等时,可以用这个实现

用法如下

import {Helmet} from "react-helmet";

const comp = ()=>{
return (<>
	<Helmet>
		<title>这是页面的标题</title>
	</Helmet>
</>)
}

发布了132 篇原创文章 · 获赞 7 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/youlinhuanyan/article/details/104572485