2017-10-19 6 views
0

J'essaie d'utiliser le débogueur distant React pour mon projet. J'ai installé React-Native-Debugger sur mon Mac avec $ brew update && brew cask install react-native-debugger. Puis j'ai ajouté le paquet Remote-redux-devtools avec npm install --save-dev remote-redux-devtoolsRéagissez l'état du débogueur natif undefined

Mon code createStore ressemble à ceci 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) 
)) 

La sortie de la console fonctionne très bien, mais elle ne reprend pas l'état des actions ou du redux. Est-ce que je manque une étape? Pourquoi n'est-ce pas ramasser le redux?

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

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

Répondre

2

Ajouter redux devtools extension à votre CreateStore

export default createStore(rootReducer, composeEnhancers(
    applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave) 
),window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()) 

Pour plus d'informations: https://github.com/zalmoxisus/redux-devtools-extension

+0

Je pensais que ce paquet n'a pas été conçu pour React-autochtone? – Waltari

+0

Voir la documentation: https://github.com/jhen0409/react-native-debugger/blob/master/docs/redux-devtools-integration.md –