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;