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

Question

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

有没有办法显示组件 (class) 道具 - 像下面的代码一样从 Redux 商店分配 -？

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

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

export default connect(mapStateToProps, mapDispatchToProps)(Main)

Answer 1

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

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

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

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

How to show injected props by Redux on console

redux

react-redux