Я создаю погодное приложение и хочу использовать Redux для управления состоянием по Цельсию или Фаренгейту. Я создал редуктор, который при вызове должен просто переключаться с C на F и обратно. При первом вызове он остается на C вместо изменения на F. Затем при втором вызове он изменяется на F, как и должно. Пожалуйста, помогите ...
Редуктор:
if (action.type === 'CHANGE_SYSTEM') {
let newSystem;
system === 'C' ? (newSystem = 'F') : (newSystem = 'C');
return newSystem;
} else {
return system;
}
};
вот создатель действия:
export const changeSystem = (sys) => {
return {
type: 'CHANGE_SYSTEM',
};
};
и вот код, который вызывает изменение:
..........
switchSystem = () => {
this.props.changeSystem();
console.log(this.props);
};
...........
и JSX:
<div className="switch" onClick={this.switchSystem}>
{this.displaySwitch()}
</div>