如何解决RN FlatList不会渲染项目钩子+ redux + thunk
希望你一切都好。 需要一些指导。任何建议,将不胜感激 我花了很多时间寻找解决方案,但由于某些原因,我仍然缺少某些东西
问题:FlatList(有时)无法渲染项目
- FlatList从redux获取数据
- useEffect调度一个thunk,触发一个远程API调用
- 页面变量是出于分页目的而保留的
- 我可以看到Redux存储正在更新,但是FlatList无法更新
const [page,setPage] = useState(1)
useEffect(() => {
async function dispatchAsyncAction() {
await dispatch(getData(page))
}
dispatchAsyncAction()
},[page])
const handleOnEndReached = () => {
setPage(previousPage => previousPage + 1)
}
return (
<FlatList
data={store.GetState().data}
renderItem={renderItem}
onEndReached={handleOnEndReached}
/>
)
解决方法
好吧,我花了一段时间才弄清楚了,而不是
store.GetState().data
我应该使用过:
const data = useSelector(state= state.data)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。