如何在控制台上显示 Redux 注入的道具

【问题标题】：How to show injected props by Redux on console如何在控制台上显示 Redux 注入的道具
【发布时间】：2016-03-02 15:04:19
【问题描述】：

我可以使用 Redux 更改状态并更新 UI。但是如何在运行时使用 console.log(this.props) 这样的控制台在控制台上显示 Redux 注入的道具。我不能。我没见过道具。

有没有办法显示从 Redux 商店分配的组件（类）道具，如下面的代码？

function mapStateToProps(state) {
    return { iconSize: state.iconSize }
}

function mapDispatchToProps(dispatch) {
    return {
        setIconSize: (size) => dispatch(setIconSize(size))
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(Main)

【问题讨论】：

标签： redux react-redux

【解决方案1】：

在这个例子中你可以重写mapStateToProps函数：

function mapStateToProps(state) {
  const props = { iconSize: state.iconSize };
  console.log(props);
  return props;
}

每次调用此函数时都会记录道具。

【讨论】：

这个方法我已经用过了。无论如何我接受你的回答。是否有其他方法可以在组件中使用？
@user3765109 你能描述一下你的用例吗？你知道哪些 props 是从 redux-bindings 传递的，即在你的情况下它只是 iconSize，所以你可以做 console.log(this.props.iconSize)。
例如在render () 函数中使用console.log() 函数时，我看不到道具。我想没有办法做到这一点。我也通过了这个案子。还是谢谢。