[React] 4.使用React编写TodoList功能 --- UI 布局部分

1. 新建一个TodoList组件（注：组件开头字母必须是大写的）
   

2. index.js中引入组件
   

3. 若想替换掉TodoList中最外层的div，可以用占位符Fragement包裹和

import React, {Component, Fragment} from 'react';

class TodoList extends Component {
    render() {
        return(
            <Fragment>
            <input />
            <ul>
                <li>learn React</li>
                <li>learn Component</li>
            </ul>
            </Fragment>
                
        )
    }
}

export default TodoList;

如此，节点是root的div下直接就是和

•