【发布时间】:2019-11-05 17:16:44
【问题描述】:
我正在处理 react Doc 上的状态和生命周期页面。为什么我必须在解析函数中调用函数?
我尝试删除已解析的函数并仅调用 this.tick() 但它不起作用。
class Clock extends React.Component{
constructor(props){
super(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 (
<h1>{new Date().toLocaleTimeString()} </h1>
);
}
}
【问题讨论】:
-
我不确定我是否理解您的问题,但如果您要问的话,您可以使用
setInterval(this.tick, 1000)。
标签: javascript reactjs function components document