我可以在任何反应组件中检查`context.store`吗?

时间:2017-02-09 17:41:23

标签: reactjs redux react-redux

我想在使用React和react-redux的应用程序上进行调试和学习时访问<div class="container-full"> <div class="container"> <nav> <h1>Name</h1> <ul> <li>Home</li> <li>About</li> <li>Contact</li> </ul> </nav> </div> </div>

此视频中您可以看到Redux使用context对象:{{3}}

我试过了:

context

如何检查此class MyComponent extends Component { constructor(props, context){ super(props, context); console.log("MyComponent context", context); // Just an empty object } static childContextTypes = { store: React.PropTypes.object }; } 对象?

2 个答案:

答案 0 :(得分:1)

如果代替childContextTypes我写contextTypes,则上下文对象有store可用且可以检查。

childContextTypes是用于添加到上下文的API,而contextTypes是用于指定您想要消费的API。

答案 1 :(得分:0)

你可以。但是,对于您希望调试的每个组件,您必须设置上下文处理程序才能访问商店。

调试/检查商店的一个更好的方法是使用Redux开发工具。

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