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

如何在控制台上通过Redux显示注入的道具,redux,react-redux,Redux,React Redux,我可以使用Redux更改状态并更新UI。但是如何在运行时使用控制台(如console.log(this.props)在控制台上通过Redux显示注入的道具。我不能。我从来没见过道具 是否有一种方法可以显示组件(类)道具-这些道具是从Redux商店分配的,如下面的代码- function mapStateToProps(state) { return { iconSize: state.iconSize } } function mapDispatchToProps(dispatch)

我可以使用
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)

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

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

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

在本例中,您可以重写
MapStateTrops
函数:

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

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

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