react中Fragment组件

Posted 2021-11-22 lanshu123

什么是Fragment？在我们定义组件的时候return里最外层包裹的div往往不想渲染到页面，那么就要用到我们的Fragment组件了，具体使用如下：

import React, { Component, Fragment } from ‘react‘;
class TodoList extends Component {
    render(){
        return(
         <Fragment>
            <div><input /><button>提交</button></div>
            <ul>
                <li>学习react<li/>
                <li>Learning React</li>
            </ul>
         <Fragment/>
        )
    }
}
export default TodoList