redux 使用条件语句还原useSelector

xj3cbfub 于 2023-01-02 发布在其他

关注(0)|答案(1)|浏览(149)

我需要得到Redux存储数据，但不总是和不同的数据为每个组件示例化。我如何使用useSelector与条件语句？
组件应该仅在呈现某些子组件时才从存储中获取数据，并且每次根据子组件获取不同的数据。

1条答案

useSelector接受一个可以访问redux状态的回调作为参数
因此，假设您在一个名为isComponentRendered的布尔标记中控制是否呈现子组件，并且希望在它为true时选择数据，否则不选择任何数据，您可以尝试以下操作：

const data = useSelector(state => {
   if(state.isComponentRendered) {
       return state.data
   }
   return null;
})