Reactjs 将redux操作的对象传递给无状态组件
我正在使用React和Redux。我想向我的无状态组件传递一个(redux)操作对象,如下所示: 从我的容器:Reactjs 将redux操作的对象传递给无状态组件,reactjs,redux,Reactjs,Redux,我正在使用React和Redux。我想向我的无状态组件传递一个(redux)操作对象,如下所示: 从我的容器: render() { const objectOfActions = { changeTitle: this.props.changeTitle, changeDescription: this.props.changeDescription, }; return ( <StatelessComponent
render() {
const objectOfActions = {
changeTitle: this.props.changeTitle,
changeDescription: this.props.changeDescription,
};
return (
<StatelessComponent
objectOfActions={objectOfActions}
/>
);
}
render(){
常量对象操作={
changeTitle:this.props.changeTitle,
changeDescription:this.props.changeDescription,
};
返回(
);
}
因此,无状态组件可以使用以下操作:
const SuggestSessionChange = ({objectOfActions}) => {
return (
<div>
<Button onClick={objectOfActions.changeTitle}>ChangeTitle</Button>
</div>
);
}
const SuggestSessionChange=({objectOfActions})=>{
返回(
易名
);
}
但是,当将动作封装在对象中进行传递时,不会触发动作(尽管如果动作单独传递给无状态组件,则会触发动作)。为什么这不起作用?操作实际上会触发,我在无状态函数中调用未定义函数时遇到了一个输入错误。操作实际上会触发,我在无状态函数中调用未定义函数时遇到了一个输入错误。将函数参数更改为参数。因为您没有对参数进行任何分解
const SuggestSessionChange=(objectOfActions)=>{
返回(
易名
);
}
将函数参数更改为参数。因为您没有对参数进行任何分解
const SuggestSessionChange=(objectOfActions)=>{
返回(
易名
);
}
谢谢你的建议,哈立德。事实证明,解构并没有什么区别,只是我的组件onClick处理程序中有一个输入错误,请参见下文。感谢您的建议。事实证明,分解并没有什么不同,我的组件onClick处理程序中有一个输入错误,请参见下文。
const SuggestSessionChange = (objectOfActions) => {
return (
<div>
<Button onClick={objectOfActions.changeTitle}>ChangeTitle</Button>
</div>
);
}