react-native - 带有 redux 工具包的 Redux devtools 不工作

标签 react-native redux redux-toolkit redux-devtools

我正在尝试在我的 React Native 项目中实现 redux 工具包。那么集成是成功的,但是我无法让 redux 开发工具工作。我做了一些研究,但找不到任何与 redux 工具包相关的文章,并结合使用 React Native。如果有人知道如何将开发工具与 rtk 一起使用并做出原生 react ,那将是一个很大的帮助

最佳答案

通常当 redux 开发工具在 react 应用程序中处于非事件状态/变灰时,可能意味着商店未被初始化(作为 prop 传递),这可能也是你的情况,但我还没有在 RN 中使用过。也许最好添加一个 codesanbox 以更好地检查。

一般来说可能是你忘记了注释部分:

import { createSlice, PayloadAction } from '@reduxjs/toolkit'

export interface CounterState {
 value: number
}

const initialState: CounterState = {  //--> part you my have forgot to define
  value: 0,
}

或者您可能忘记将商店连接到应用程序:

...
...
import { Provider } from "react-redux"
import { store } from "./app/store"

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>  // --> connecting the store
      <App />
    </Provider>  
  </React.StrictMode>,
  document.getElementById('root')
);

关于react-native - 带有 redux 工具包的 Redux devtools 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65112542/

相关文章:

javascript - 如果直接在 Redux reducer 中修改状态会发生什么?

reactjs - 如何为createSlice()的extraReducers编写测试(Jest + enzyme )?

react 原生。创建滑动动画

react-native - 在对齐模式下 react native 和阿拉伯文本

javascript - 无法更新当前状态的数组

javascript - redux 不更新 reducer 后的 View

react-native - React Native TouchableOpacity 不更新样式

javascript - 动态创建React路由

reactjs - 在reducers之间共享状态的最佳方式(redux工具包)

reactjs - 使用 Typescript 和 Redux Toolkit 后在 createAsyncThunk 函数中获取 'Object is of type unknown'