如何解决如何在 React 的类组件中定义方法?
我在 React 中制作了一个简单的数字时钟。它似乎工作。但是,我想在 setState() 中单独定义回调函数。但我有一个错误。你知道我如何在 componenDidMount 之外定义一个叫做 tick() 的函数吗?下面是我的代码
import "./Clock.css";
class Clock extends React.Component {
state = { date: new Date() };
componentDidMount() {
setInterval(() => {
this.setState({ date: new Date() });
},1000);
console.log("componentdidmount");
}
render() {
return (
<div className="clock-container">
<h1 className="clock">{this.state.date.toLocaleTimeString()}</h1>
</div>
);
}
}
export default Clock;
解决方法
这是你想要的样子吗?
tick(){
this.interval = setInterval(() => {
this.setState({ date: new Date() });
},1000);
}
componentDidMount() {
this.tick();
console.log('componentdidmount');
}
componentWillUnmount(){
clearInterval(this.interval);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。