先写了一个简单的TodoList
import React,{Component,Fragment} from 'react';
class TodoList extends Component{
render(){
return(
<Fragment>
<input/>
<ul>
<li>1</li>
<li>2</li>
</ul>
</Fragment>
)
}
}
export default TodoList;
注意事项:
1,render()里面是页面的渲染内容,必须有return()返回值,返回值里面才是页面显示的内容
2,组件名必须大写
3,return里面只能有一个组件,不然会报错,如果不想用一个div标签把内容都放进去,就要使用Fragment组件,这个组件就是一个占位组件,不会生成实际内容。