显示带有RTL支持的加载栏

Question

我正在尝试将RTL支持添加到我的React Application中。

由于我在调用API时使用的是加载栏（this one : react-redux-loading-bar），因此过程很长……我还希望在RTL处于活动状态时也将其从“右”更改为“左”。

我尝试首先使用Material UI Progress Bar，但没有找到如何将其添加到工作流程中的好示例/想法：React / Redux。这也可以解决问题。

有什么解决方案可以实现？

我的Redux Action看起来像这样：

export const rdxDoGetCategories = () => {
  return async dispatch => {
    try {
      showLoadingBar(dispatch); // Show loading bar
      dispatch(rdxGetCategories(await getCategories())); // Call to the API then save it into the store
    } catch (error) {
      console.warn(error);
    } finally {
      hideLoadingBar(dispatch); // Hide loading bar
    }
  };
};

感谢您的时间。