React State(状态)
Posted shui1993
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React State(状态)相关的知识,希望对你有一定的参考价值。
function FormattedDate(props){ return ( <h1>现在是{props.date}</h1> ) } class Clock extends React.Component{ constructor(props){ supper(props); this.state={date:new Date()}; } componentDidMount(){ this.timerId=setInterval(()=>this.tick(),1000); } componentWillUnmount(){ clearInterval(this.timerId) } tick(){ this.setState({ date:new Date() }) } render(){ return{ <div> <FormattedDate date={this.state.date}/> </div> } } } function App(){ return{ <div> <Clock/> <Clock/> </div> } } ReactDOm.render(<App/>,document.getElementById(‘example‘))
以上是关于React State(状态)的主要内容,如果未能解决你的问题,请参考以下文章
react篇章-React State(状态)-将生命周期方法添加到类中