码迷,mamicode.com
首页 > 其他好文 > 详细

react中Fragment组件

时间:2019-03-29 09:14:09      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:pre   col   com   export   def   react   div   学习   port   

什么是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

 

react中Fragment组件

标签:pre   col   com   export   def   react   div   学习   port   

原文地址:https://www.cnblogs.com/lanshu123/p/10618838.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!