react-函数组件和类组件

函数组件

函数组件可以写成普通函数形式，建议写成箭头函数，函数名首字母必须要大写，必须要有返回值，返回的是组件结构

// 函数组件
// 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'))