直到第二次派遣,Redux状态才会更新

时间:2020-05-26 19:10:52

标签: reactjs redux

我正在构建一个天气应用程序,并且我想使用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>

0 个答案:

没有答案