REACT NATIVE -如何让react native字幕在ComponentdidMount中使用setInterval自动从API重新加载数据时保持运行

Question

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

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

makeRemoteRequest()是我从API中获取数据的方法。但问题是我的新闻运行文本停止工作。有没有办法在保持字幕运行的情况下每隔5秒从服务器获取一次数据？？

如果您需要更多信息，请随时询问。。。

Answer 1

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

this.setState({
    your_marquee_text: dataFetchedFromServer
});

在您的组件中使用它，如下所示：

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