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

class TodoList extends Component {

  render() {

    return (

      <Fragment>

        <input />

        <ul>

          <li>苹果</li>

          <li>香蕉</li>

          <li>西瓜</li>

        </ul>

      </Fragment>

    );

  }

}

export default TodoList;

import React from 'react';

import ReactDOM from 'react-dom';

import TodoList from './TodoList';

ReactDOM.render(<TodoList />,document.getElementById('root'));