React jsx返回内容需要在外层有一个包裹元素,如一个div
import React, { Component } from 'react'; class TodoList extends Component { render() { return ( <div> <div><input/><button>提交</button></div> <ul> <li>Learning english</li> <li>Learning React</li> </ul> </div> ) } } export default TodoList;
可以用Fragment代替包裹元素
import React, { Component, Fragment } from 'react'; class TodoList extends Component { render() { return ( <Fragment> <div><input/><button>提交</button></div> <ul> <li>Learning english</li> <li>Learning React</li> </ul> </Fragment> ) } } export default TodoList;