详解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>我是