如何解决在 nextJS 应用程序中,使用 SWR 使用 SSR 刷新预取数据是一个好习惯吗?
让我们假设以下页面:
<View style={styles.container}>
<View style={{margin:"5%"}}>
<Text style={styles.title}>Sounds Effects</Text>
<View style={{flexDirection:"row",justifyContent:'space-between'}}>
<View style={styles.coinBox}>
<Text style={{fontSize:15,fontWeight:'bold',color:'black'}}>200</Text>
<FontAwesome5 name="coins" style={{paddingLeft:5}} size={24} color="gold" />
</View>
<View style={{flexDirection:'row',justifyContent:'center',alignSelf:'center',alignItems:'center',}}>
<Text style={{fontSize:15,color:'black',paddingTop:'5%'}}>+10</Text>
<FontAwesome5 name="coins" style={{paddingLeft:5,paddingTop:'5%',paddingRight:'2%'}} size={24} color="gold" />
<View style={styles.coinBoxAd}>
<Feather name="play" size={24} color="black" />
</View>
</View>
</View>
<View style={{flexDirection:'row',justifyContent:'space-between',marginTop:'10%'}}>
<Text style={styles.livelloText}>Livello 1:</Text>
<TouchableOpacity>
<AntDesign name="arrowright" size={30} color="black" />
</TouchableOpacity>
</View>
<StatusBar style="auto" />
</View>
</View>
知道任务在不断更新,
关于表演,这是正确的吗?
我找不到任何关于此的文档。 (或者至少,理解)
解决方法
看documentation的这部分可以在server端取数据然后把server端的数据传给swr来设置初始状态
const { data,revalidate } = useSWR('/api/posts',fetcher,{ initialData: props.posts })
当您获取新数据时,您可以调用 revalite 并且 swr 将处理新数据。 查看此 answer 了解详情
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。