带有Conditional语句的Redux useSelector

Question

我需要获得Redux存储数据，但并不总是如此，每个组件实例化不同的数据。如何将useSelector与Conditional语句一起使用？

只有当渲染了一些子组件时，组件才应该从存储中获取数据，并且根据子组件的不同，每次都应该获取不同的数据。

Answer 1

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

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

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