Redux 工具包 useSelector state 即使调用操作也不更新

问题描述

我一直在努力反对这一点，希望能得到另一双眼睛会有所帮助。

我以一种非常简单的方式在 React Native 应用程序中使用 Redux + Redux 工具包。 我可以（通过日志语句）告诉我正在调用我的操作并且正在设置 state，但是我在 state 上的 useSelector 永远不会更新。 我也尝试过使用shallowEqual ，但不需要这样做，因为 Redux Toolkit 使用 Immer 并且 object 在更新后不应该通过相等性检查（我研究的大多数其他类似问题都是由于此）

这是我的主要部分，然后是所有相关代码。 请原谅代码转储，但我想给出一个完整的图片：

export interface Metadata {
    title: string
    author: string
    firstLines: string
    id: string
}

type MetadataState = Record<string, Metadata>

export const metadataSlice = createSlice({
    name: "metadata",
    initialState: {} as MetadataState,
    reducers: {
        setMetadata: (state: MetadataState, action: PayloadAction<MetadataState>) => {
            state = action.payload
            console.log("new metadata: ", state)
        },
        addMetadata: (state: MetadataState, action: PayloadAction<Metadata>) => {
            state[action.payload.id] = action.payload
        }
    }
});

我有一个异步操作来从 AsyncStorage（如移动设备上的 LocalStorage）加载元数据，如下所示：

export function loadMetadata() {
    return async (dispatch: AppDispatch, getState: () => RootState) => {
        const maybeMetadata = await AsyncStorage.getItem("metadata");
        if(maybeMetadata) {
            dispatch(metadataSlice.actions.setMetadata(JSON.parse(maybeMetadata)))
            return true
        } else {
            return false
        }
    }
}

我在我的主要组件中按如下方式发送它：

  const dispatch = useAppDispatch()

  useEffect(() => {
    dispatch(loadMetadata())
  }, [])

在另一个组件中，我试图通过以下方式访问 state：

const metadata = useAppSelector(state => state.metadata)

知道发生了什么事吗？ state 似乎永远不会更新，即使我看到我的操作被调用并更新其中的 state。 是不是发送不正确？ 我尝试使用store.getState()直接访问 state，而 state 似乎是空的，不知何故只是没有被设置？

老实说，我很迷茫，任何帮助表示赞赏。