Reactjs Axios成功/错误调用与redux承诺

我有一个redux应用程序，它使用axios对各种API进行多次调用。我现在想添加一个加载条，但我不想添加redux thunk的复杂性。然而，在搜索谷歌时，这似乎是最佳方式，因此您可以使用类型和负载调用dispatch。对于平面对象，有没有更简单的方法可以做到这一点？

最好的方法是使用redux thunk或sagas，但如果您不想增加复杂性，那么另一个解决方法是保持组件的状态isLoading。因此，您可以在react的生命周期挂钩中切换此状态并呈现数据。下面是您可能正在寻找的变通方法的示例

class Example extends React.Component {
    constructor(props, context) 
        this.state = { isLoading: true }
    }


    componentWillMount() {
        //After doing api stuffs or fetching data toggle state.
        this.setState({ isLoading: false });
    }

    render() {
       this.state.isLoading ? <LoadingScreen/> : <Page/>
    }
}

---

这里有加载程序的代码，而页面组件有示例组件的代码。

这就是我要寻找的答案。这是一个解决办法。但我认为我可能需要使用thunk，似乎这是在动作创造者内部以重演方式进行重演的唯一方法。我希望在我实现redux承诺之前知道这一点。