javascript - React-Native:加载组件时在后台运行函数

Question

在组件中，当 ListView 和所有内容都已加载时。

是否可以在后台运行一个函数，每隔几分钟重新加载 ListView 数据？

如果是的话，当用户离开组件(转到另一个选项卡，iOS)时，该功能会停止吗？

Answer 1

您可以通过在 componentDidMount 中添加 setInterval 并在 componentWillUnmount 中清除它来实现此目的。

let interval;
class HelloWorld extends Component {

  componentDidMount() {
    interval = setInterval(() => {

        // do what you want here.

    }, 10000);
  }

  componentWillUnmount() {
    clearInterval(interval);
  }

  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}