React native 从FlatList重新加载数据-反应本机

React native 从FlatList重新加载数据-反应本机,react-native,reload,fetch-api,react-native-flatlist,React Native,Reload,Fetch Api,React Native Flatlist,我有一个从我的API获取数据的平面列表,我想在每次数据库更新时刷新它。有人能帮我吗 我的代码: export default class Feed extends Component { constructor(props) { super(props); this.state = { dataSource: [] }; } componentDidMount() { fetch('http://192.168.200.100:3000/pos

我有一个从我的API获取数据的平面列表,我想在每次数据库更新时刷新它。有人能帮我吗

我的代码:

export default class Feed extends Component {

constructor(props) {
    super(props);
    this.state = {
        dataSource: []
    };
}

componentDidMount() {
    fetch('http://192.168.200.100:3000/posts')
        .then(response => response.json())
        .then((responseJson) => {
            this.setState({
                dataSource: responseJson
            })
        })
        .catch(error => console.log(error))
}
render() {
    return (
        <KeyboardAvoidingView >
            <Header>
                <FeedModal></FeedModal>
            </Header>
            <FlatList
                keyExtractor={props => props.id}
                data={this.state.dataSource}
                renderItem={({ item }) => <FeedPosts title={`${item.title}`} photoDesc={`${item.description}`} postImg={`${item.photo}`} ></FeedPosts>}
            >
            </FlatList>
        </KeyboardAvoidingView>
    );
}
导出默认类提要扩展组件{
建造师(道具){
超级(道具);
此.state={
数据源:[]
};
}
componentDidMount(){
取('http://192.168.200.100:3000/posts')
.then(response=>response.json())
.然后((responseJson)=>{
这是我的国家({
数据来源:responseJson
})
})
.catch(错误=>console.log(错误))
}
render(){
返回(
props.id}
data={this.state.dataSource}
renderItem={({item})=>}
>
);
}

}

要在应用程序从后端发生更改时更新应用程序中的值,您需要一个实时数据库,或者必须使用web套接字:

Web套接字: WebSocket是一种具有相关有趣特性的internet通信协议:它通过单个TCP连接提供全双工通道

有了WebSockets,客户端和服务器就可以像打电话一样实时交谈:一旦连接,客户端就可以从服务器接收数据,而无需不断刷新网页。另一方面,服务器也能够从同一连接内的客户端实时接收数据。对于本文中提到的react native,它也应该从后端处理

实时数据库: 实时数据库包含实时处理的数据。它使用实时处理技术来处理工作负载。 例如firebase实时数据库