RN FlatList 不渲染项目（hooks + redux + thunk）答案

【问题标题】：RN FlatList does not render items (hooks + redux + thunk)RN FlatList 不渲染项目（hooks + redux + thunk）
【发布时间】：2020-12-05 06:27:21
【问题描述】：

希望你一切都好。需要一些指导。任何建议将不胜感激我花了很多时间寻找解决方案，但由于某种原因我仍然缺少一些东西

问题：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}
/>

)

【问题讨论】：

标签： reactjs react-native react-redux

【解决方案1】：

好吧，我花了一段时间才弄清楚，而不是

store.GetState().data

我应该使用：

const data = useSelector(state= state.data)

【讨论】：