带有条件语句的 Redux useSelector

Question

我需要获取 Redux 存储数据，但并不总是获取每个组件实例化的不同数据。如何在条件语句中使用 useSelector？

组件应该只在渲染某些子组件时才从 store 获取数据，并且每次都根据子组件的不同而获得不同的数据。

Answer 1

useSelector 接受一个可以访问 redux 状态的回调作为参数

因此，假设您控制是否在名为 isComponentRendered 的布尔标志中呈现子组件，并且希望在为 true 时选择数据，否则您可以尝试以下操作：

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