详解React中Fragment的简单使用

来自:网络
时间:2023-01-05
阅读:
目录

react 中的 Fragment

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

标签渲染

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

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

// 创建外壳组件
import React, { Component } from "react";

// 创建并暴露APP组件
export default class App extends Component {

  render() {
    return (
      <div>
        <h1>我是
返回顶部
顶部