OStack程序员社区-中国程序员成长平台

标题: javascript - React Native 调试器状态未定义 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 03:02
标题: javascript - React Native 调试器状态未定义

我正在尝试为我的项目使用远程 React Native 调试器。我已经使用 $ brew update && brew cask install react-native-debugger 在我的 Mac 上安装了 React-Native-Debugger。然后我用 npm install --save-dev remote-redux-devtools

添加了 Remote-redux-devtools 包

我的 createStore 代码看起来像这个 atm。

import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'remote-redux-devtools'
import thunk from 'redux-thunk'
/* some other imports */

const composeEnhancers = composeWithDevTools({ realtime: true, port: 8000 })
export default createStore(rootReducer, composeEnhancers(
  applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
))

控制台输出工作得很好，但它没有处理操作或 redux 状态。我错过了一步吗？为什么不支持 redux？

https://github.com/zalmoxisus/remote-redux-devtools

https://github.com/jhen0409/react-native-debugger

---

Best Answer-推荐答案

这是我用来使 redux 状态在 react-native-debugger 上可见的解决方案: 假设我有一个名为 uiReducer 的 redux reducer:

const rootReducer = combineReducers({
  ui: uiReducer
});

let composeEnhancers = compose;

if (__DEV__) {
    composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
}

const store = createStore(rootReducer, composeEnhancers(applyMiddleware(ReduxThunk)));

请不要忘记导入你的 reducer，以及从 redux、react-redux 和 redux-thunk 导入的以下内容:

import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import { Provider } from 'react-redux';
import ReduxThunk from 'redux-thunk';

现在，您的状态(如果在调试器中可见):

希望对你有帮助! 谢谢，

关于javascript - React Native 调试器状态未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46828816/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4