React Native，无法定期更新组件

Question

我刚才开始学习，我刚开始做出反应 这是我试过的

 export default class HomeComponent extends React.Component {
 constructor(props) {
 super(props);
 this.state = {
  item: [],
 };
 mixins: [TimerMixin];

 }
 componentDidMount(){

this.interval = setInterval(() => {
console.log('hi');
  this.setState({item: updateValue})
 }, 6000); //6 seconds
 }

 render() {
return <View style={{ flex: 1, backgroundColor: '#101010' }}>

</View>;
 }

它的工作正常，但我只是想着警告，我应该忽略它吗？还是有更好的方法！

Answer 1

即使在组件卸载导致错误后，您的功能仍会继续更新。您应该使用React生命周期的componentWillUnmount（）函数，并在不再安装组件时清除“setInterval”函数。

您可以使用：

  componentWillUnmount() {
    clearInterval(this.interval);
}     

在组件卸载后关闭更新。