如何在控制台上通过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()
函数时,我看不到道具。我想这是没有办法的。我也通过了这个案子。无论如何,谢谢你。