zoukankan      html  css  js  c++  java
  • [React] Use React Fragments to make your DOM tree cleaner

    In this lesson, we will look at Fragments and how they are useful in achieving a cleaner DOM structure without additional empty div elements.

    const HeaderFooter = () => {
      return (
        <div>
          <div>
            header
          </div>
          <div>
            footer
          </div>
        </div>
      );
    }

    import React, { Component, Fragment } from 'react';
    import {render} from 'react-dom'
    const HeaderFooter = () => {
      return (
        <Fragement>
          <div>
            header
          </div>
          <div>
            footer
          </div>
        </Fragment>
      );
    }
    
    export default class App extends Component {
      render() {
        return (
          <div>
            <HeaderFooter />
          </div>
        );
      }
    }
    
    render(<App />, document.getElementById('root'));

  • 相关阅读:
    C语言第三天,《常量指针和指针常量》
    树莓派系统烧入总结
    c 语言第一天
    7. Vue
    6. Vue
    5. Vue
    4. Vue
    3. Vue
    1. Vue
    2. Vue
  • 原文地址:https://www.cnblogs.com/Answer1215/p/8382884.html
Copyright © 2011-2022 走看看