react-native - 将 redux-devtools-extension 与 react-native 与 chrome 一起使用

Question

在为 react-native 设置 Redux devTools 时需要帮助
我这里有非常简单的 reducer 和 createStore，我尝试合并 redux-devtools-extension，所以我可以调试我的 react-native
应用程序，但我在 Redux 选项卡中得到“找不到商店”

import { createStore, applyMiddleware} from 'redux'
import {reducer} from "./reducers"
import { composeWithDevTools, devToolsEnhancer } from 'redux-devtools- 
extension'

let store = createStore(reducer, devToolsEnhancer());

export const reducer = (state=[], action) => {
switch(action.type) {
    case "ADD_MEMBER":                   
        return [...state, {categoryID: 0, name: "Bill", zip: "27733", id: 4}]         
    default:
        return state
}
return state;
}

Answer 1

Redux DevTools Extension 无法访问 React Native worker，因为扩展无法将代码注入(inject) web worker。您必须使用 remote-redux-devtools 通过 websockets 与扩展通信。

你只需要更换

import { devToolsEnhancer } from 'redux-devtools-extension'

和

import devToolsEnhancer from 'remote-redux-devtools';

然后从扩展上下文菜单中，单击“打开远程 DevTools”。默认情况下，它将使用其远程服务器进行快速引导，但建议通过安装和运行 remotedev-server 来运行本地服务器。 .它类似于您必须安装和运行 react-devtools 的方式。 React Native 的包。