开发1：一个基本的react组件类

Posted 2020-12-19 小幸福_h

开发1：一个基本的react组件类

代码如下：

// 一个基本的react组件类 
export default class TableName extends Component {

	
	static const extTypes ={
		router:PropTypes.any
	}
	
	// 初始化
	constructor(props){
		// 
		this.props(props);
		this.state={
			// state的工作域 定义一些需要改变的值
			user:{name:‘‘,age:18}
		}
	}
	
	// 渲染
	render(){
		const {user} = this.state.user
		return (
			<div>
				<p>
					hello react
				</p>
				{/* 可以表达式获取state中的值*/}
				<p>{user.age}</p>
			</div>
		)
	}
	
	// 
	componentDidMount(){
		// 在render 渲染之后执行 常常在此方法中定义一些些初始化数据
	}
	
	componentWilMount(){
		// 在reander 渲染之前  常常用在一些需要react之前就要获取到数据
	}

	// 刷新state的函数
	handleSetState=(age)=>{
		this.setState({user[age]:age})
		// 在state中需要用setState这个方法来渲染 改变state中的值
	}
}