关于React中Fragment及Helmet标签

最新推荐文章于 2024-05-12 09:56:25 发布

丰色木夕

最新推荐文章于 2024-05-12 09:56:25 发布

阅读量1.2k

点赞数

分类专栏： React.js

本文链接：https://blog.csdn.net/youlinhuanyan/article/details/104572485

版权

17 篇文章 1 订阅

订阅专栏

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

React.Fragment

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

Fragments 看起来像空的 JSX 标签，即：

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

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

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

用法如下

import {Helmet} from "react-helmet";

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注