将redux-devtools-extension与react-native配合使用

Question

需要帮助为react-native设置Redux扩展我这里有非常简单的reducer和createStore，我试着合并Redux - devTools -devtools，这样我就可以调试我的react-native应用程序了，但是我在Redux标签页上看到"store no found“

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扩展无法访问React Native worker，因为扩展无法将代码注入web worker。您必须使用remote-redux-devtools通过websockets与扩展进行通信。

你只需要替换掉

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

使用

import devToolsEnhancer from 'remote-redux-devtools';

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

Answer 2

另一种选择是使用React Native Debugger。

赢的是，你不必每次都安装npm的redux devtools。调试器为您提供了开箱即用的良好的旧"REDUX_DEVTOOLS_EXTENSION“。

因此，如果您重用web中的代码，则不需要任何代码更改。与redux devtools extension相同的设置将会正常工作。

有关如何使用世博会应用程序设置React Native Debugger的详细指南，请查看here。(因为官方文档有点混乱。)