react-native - Expo & ReactNative 调试器如何使状态可见？

Question

我有一个使用 Expo/Typescript 设置的 ReactNative 应用程序。

我已经下载了 ReactNativeDebugger。

我已确保 ReactNativeDebugger (RND) 的版本与 ReactNative 保持一致。

• 调试器：0.11.6
• 反应原生版本：0.63.2

我已更改 RND 的端口以与 expos 端口 (19000) https://docs.expo.io/workflow/debugging/#react-native-debugger对齐。

我在 expo 应用程序中启用了远程调试。

并且似乎与在 Android 物理设备上运行的 RND 和 ReactNativeExpo 的连接已连接：

但是，我看不到任何 redux 状态等...

是否有任何其他故障排除步骤可以让我真正能够在 React Native 调试器中看到 redux 状态？

标签： react-nativereduxexporeact-native-debugger

Answer 1

我错过了 React Native 端 Redux Dev Tools 的设置部分：

将以下内容添加到 createStore 设置允许查看 redux 状态

/** https://github.com/zalmoxisus/redux-devtools-extension#13-use-redux-devtools-extension-package-from-npm */
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(combinedReducers, MyPreloadedState, composeWithDevTools(applyMiddleware(thunk)));

来自https://github.com/zalmoxisus/redux-devtools-extension#13-use-redux-devtools-extension-package-from-npm