TA貢獻1821條經驗 獲得超6個贊
一些忠告：
使用原生 JS 函數setInterval()每 x 毫秒運行給定函數
如果您想在每次更改時觸發重新渲染，則需要將數字存儲在狀態中。
工作示例：
import React, { Component } from "react";
class App extends Component {
constructor() {
super();
this.state = {
web3: "",
number: 0
};
this.getNumber = this.getNumber.bind(this);
}
componentDidMount() {
setInterval(this.getNumber, 10000);
}
getNumber() {
this.setState({ number: this.state.number + 1 });
}
render() {
return (
<>
<div>Number: {this.state.number}</div>
<span>??This will update every 10 seconds</span>
</>
);
}
}
export default App;
TA貢獻1770條經驗 獲得超3個贊
在里面componentDidMount你可以啟動一個setInterval- 它需要 2 個參數，一個要調用的方法，以及它在再次運行之前等待的時間（以毫秒為單位）。
https://reactjs.org/docs/react-component.html#componentdidmount
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval
componentDidMount() {
setInterval(() => {
let number = 0;
number = number + 1;
}, 10000)
}
盡管目前number每 10 秒會設置回 0。您需要使用保存為狀態的數字。
舉報