react生命周期，页面加载前执行一次，页面加载后执行一次

import React, { Component } from 'react'

class Hello extends Component{
	constructor(){
		super()
		this.state = {
			name:"大得"
		}
	}
	
	render(){
		return (
			<div >
				<h2>{this.state.name}</h2>
				<input ref="dade" onChange={this.inputState} value={this.state.name}/>
			</div>
		)
	}
	
	// 双向数据绑定
	inputState = ()=>{
		// this.setState({
		// 	name:ev.target.value
		// })
		console.log(this.refs)
		this.setState({
			name:this.refs.dade.value
		})
		
	}
	
	// 页面出来之前，执行一次
	componentWillMount(){
		console.log(123)
	}
	
	// 页面出来之后，执行一次
	componentDidMount(){
		console.log(3333)
	}

}

export default Hello;