函数组件
函数组件可以写成普通函数形式,建议写成箭头函数,函数名首字母必须要大写,必须要有返回值,返回的是组件结构
// 函数组件
// function Hello(){
// return (<div>hello</div>)
// }
// 箭头函数
const Fun = () => (<div>函数组件</div>)
ReactDOM.render(<Fun/>, document.querySelector('#root'))
// ReactDOM.render(<Hello/>, document.querySelector('#root'))
// 下面的会把上面的覆盖
类组件
必须要继承React.Componen,必须要有render()方法,该方法中必须要有返回值,返回的是组件结构
class Hello extends React.Component{
render(){
return(<div>我是类组件</div>)
}
}
ReactDOM.render(<Hello/>, document.querySelector('#root'))