REACT NATIVE - 当我在ComponentdidMount中使用setInterval从API

时间:2018-04-16 13:01:19

标签: react-native mobile react-native-android react-native-ios

我刚开始学习react-native,目前使用react native为医院构建客户队列应用程序。我的队列主页有2个主要组件:队列表和新闻运行文本(使用react-native-marquee)。我需要每隔5000毫秒从服务器获取数据才能使这个应用程序实时,所以使用

  componentDidMount(){
        this._interval = setInterval(() => {
        this.makeRemoteRequest();
    }, 5000);
}  

makeRemoteRequest()是我从API获取数据的方法。 但问题是我的新闻运行文本停止工作。有没有办法每隔5秒从服务器获取数据但保持选框运行?

随意询问您是否需要更多信息。 。

1 个答案:

答案 0 :(得分:0)

在收到您的新数据后makeRemoteRequest()函数中,只需使用 this.setState 方法将其显示在您想要的组件中,如下所示:

this.setState({
    your_marquee_text: dataFetchedFromServer
});

在您的组件中使用它:

<Text>{this.state.your_marquee_text}</Text>