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>
    );
  }
}