React中Fragment的简单使用如何深入理解并应用于复杂组件结构？

本文共计325个文字，预计阅读时间需要2分钟。

目录 + React 中的 Fragment 标签渲染 + Fragment 标签和区分 + React 中的 Fragment 介绍 + 今天说这一小节超简单，但却是很重要，因为你在实际开发项目中会确实发现这样的用法。

目录

• react 中的 Fragment
• 标签渲染
• Fragment 标签
• Fragment标签和<></>区别

react 中的 Fragment

今天说的这一小节超级简单，但是呢，不说还不行，因为在实际开发项目当中你会确确实实的发现有这样一个使用场景，很多人都会写，所以说尽管不影响我们的实际开发，但别人确实会这样操作，为了能更好的看清项目代码，稍微提一嘴吧。

标签渲染

Fragment 标签的使用啊超级简单，就<Fragment></Fragment>包裹一下就可以了。

首先我们现在简单的写一个组件，然后直接挂载在根组件下面。

// 创建外壳组件 import React, { Component } from "react"; // 创建并暴露APP组件 export default class App extends Component { render() { return ( <div> <h1>我是