react 学习-Fragment 或 空标签 的使用

 react 每个组件都是单独，有时候会出现不必要的<div>,或者其他的标签

可以使用<Fragment></Fragment> 或者 <></>。

export default class App extends Component {
    render() {
        return (
            // <div>
            //     <TodoHeader />
            //     <TodoInput />
            //     <TodoList />
            // </div>
            // 特殊功能。不需要外边得div有下面2中方式
            //第一种:空标签
            // <>
            //     <TodoHeader />
            //     <TodoInput />
            //     <TodoList />
            // </>
            //第二种:使用React中的方法Fragment
            <Fragment>
                <TodoHeader titel="待办事项"/>
                <TodoInput btnText="ADD"/>
                <TodoList />
            </Fragment>
        )
    }