Я использую React и Redux. Я хочу передать мою безгосударственную компоненту объекта (Redux) действия, как так:Передача объектов действий redux в компонент Stateless
Из моего контейнера:
render() {
const objectOfActions = {
changeTitle: this.props.changeTitle,
changeDescription: this.props.changeDescription,
};
return (
<StatelessComponent
objectOfActions={objectOfActions}
/>
);
}
Таким образом, без гражданства компонент могут использовать действия следующим образом:
const SuggestSessionChange = ({objectOfActions}) => {
return (
<div>
<Button onClick={objectOfActions.changeTitle}>ChangeTitle</Button>
</div>
);
}
Действия, однако, не срабатывают при передаче их, завернутых в объект (хотя они срабатывают, если действия индивидуально передаются компоненту без состояния). Почему это не работает?
Спасибо за ваше предложение Халида. Оказывается, деструктуризация не имеет никакого значения, это было то, что у меня была опечатка в моем компоненте onClick handler, см. Ниже. – Kunal