react 脚手架环境中state状态

1、设置state变成在组件的构造函数中设置
		constructor()
		{	
			super();
			this.state={键值对}
		}
		或者直接在类中声明
		state={xx}
2、修改方法和获取方法与之前无异
	获取:this.state.键名
	修改:this.setState({键值对})

代码示例:

import React,{Component} from 'react'
import PropTypes from 'prop-types';

export default class User extends Component{
	constructor()
	{
		super();
		this.state={
			time:new Date().toLocaleTimeString()
		}

	}

	componentDidMount()
	{
		console.log('组件渲染之后')
	}

	render()
	{
		return (
				<div>登录时间:{this.state.time}
					<button onClick={this.click.bind(this)}>按钮</button>	
				</div>
			)
	}
	click()
	{
		this.setState({
			time:1
		})
	}

}

你可能感兴趣的:(React,react)