REACT程序中集成REDUX DEVTOOLS时面临的问题

qqrboqgw 于 2023-01-02 发布在 React

关注(0)|答案(2)|浏览(152)

我在我的应用程序中使用redux开发工具，当我打开redux开发工具查看状态时，它显示未定义，而我的应用程序工作得很好。我认为我的商店代码中有一些错误。我在下面附上代码。

import {legacy_createStore , composer} from 'redux'

import reducer from './reducerFn'

const composerEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSER__ || composer ;

export const store = legacy_createStore(reducer , composerEnhancer());

我已经尝试了我在网上搜索的所有东西。你能指出我代码中的错误吗？

redux

来源：https://stackoverflow.com/questions/74967839/facing-issues-while-integrating-redux-devtools-in-react-program

2条答案

按热度按时间

sh7euo9m1#

虽然这不是一个直接的答案：您使用的是过时的Redux安装代码。今天您 * 应该 * 使用我们官方Redux Toolkit包中的configureStore API，它已经自动为您完成了所有Redux DevTools安装工作。
您需要的是：

import { configureStore } from "@reduxjs/toolkit";

import rootReducer from "./reducerFn";

const store = configureStore({
  reducer: rootReducer
})

这将为您完成Redux DevTools设置：

https://redux.js.org/tutorials/essentials/part-2-app-structure#creating-the-redux-store
https://redux.js.org/tutorials/fundamentals/part-8-modern-redux#using-configurestore

赞(0）回复(0）举报 2023-01-02

ubby3x7f2#

我发现了这个错误。应该是到处代替 composer 作曲。

import {legacy_createStore , compose} from 'redux'

import reducer from './reducerFn'

const composerEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose ;

export const store = legacy_createStore(reducer , composerEnhancer());

赞(0）回复(0）举报 2023-01-02

我来回答

REACT程序中集成REDUX DEVTOOLS时面临的问题

2条答案

相关问题

热门标签

最新问答