2017-02-01 6 views
2

У меня есть следующее в App.js. Для целей отладки я могу console.log текущее состояние с store.getState().react-redux: getState() из любого контейнера

const App =() => { 
    const store = createStore(reducers); 
    console.log(store.getState()); 
    return (
    <Provider store={store}> 
     <Router /> 
    </Provider> 
); 
}; 
export default App; 

Теперь как я могу console.log store.getState() из контейнеров в этом приложении.

Обновление: После «подключения» предложения в комментариях, это нижняя часть кода в контейнере:

export default connect(mapStateToProps, { 
    Decrease, 
    Increase, 
    selectNumber 
})(TableGenerator); 

Где бы я добавить GetState()?

Спасибо

+0

есть помощник 'connect' из 'react-redux', вы попробовали? – webdeb

+1

Просто общий совет: инструменты для редукции для хром действительно хороши. Вы можете увидеть дерево состояний в хорошем графическом представлении. Тогда простой «отладчик» в любой точке вашего кода будет делать трюк. – kinbiko

+0

Я обновил вопрос. Утилиты Redux dev работают с реагированием (отладка удаленно в Chrome)? У меня есть инструменты Redux Dev Tools, но, откровенно говоря, не знаю, как их использовать с React-native – Wasteland

ответ

6

mapStateToProps первый аргумент на самом деле государство Redux. Это практически абстрагировано getState().

const mapStateToProps = function(state, ownProps) { 
    // state is equivalent to store.getState() 
    // you then get the slice of data you need from the redux store 
    // and pass it as props to your component 

    return { 
    someData: state.someData 
    } 
} 
Смежные вопросы