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

时间:2016-03-02 15:04:19

标签: redux react-redux

我可以使用Redux更改状态并更新用户界面。但是如何在运行时使用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)

1 个答案:

答案 0 :(得分:4)

在此示例中,您可以重写mapStateToProps函数:

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

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