React native 从FlatList重新加载数据-反应本机
我有一个从我的API获取数据的平面列表,我想在每次数据库更新时刷新它。有人能帮我吗 我的代码: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
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实时数据库