Javascript 显示带有RTL支持的加载条

Javascript 显示带有RTL支持的加载条,javascript,reactjs,react-redux,material-ui,react-material,Javascript,Reactjs,React Redux,Material Ui,React Material,我正在尝试将RTL支持添加到我的React应用程序中 因为我在调用API时使用了加载条(),所以长过程。。。我也想改变它是从右到左,也当RTL是积极的 我试着先使用Material UI,但我没有找到一个好的例子/想法来说明如何将其添加到我的工作流程中,即:React/Redux。这也可以解决问题 有什么办法可以做到这一点吗 我的Redux操作如下所示: export const rdxDoGetCategories = () => { return async dispatch =&

我正在尝试将RTL支持添加到我的React应用程序中

因为我在调用API时使用了加载条(),所以长过程。。。我也想改变它是从右到左,也当RTL是积极的

我试着先使用Material UI,但我没有找到一个好的例子/想法来说明如何将其添加到我的工作流程中,即:React/Redux。这也可以解决问题

有什么办法可以做到这一点吗

我的Redux操作如下所示:

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
    }
  };
};

谢谢您的时间。

showLoadingBar(dispatch)应该是dispatch(showLoadingBar(true)),同样的事情应该适用于hideLoadingBar:Hey@Ashish、hideLoadingBar和showLoadingBar都是两个内部函数,包含dispatch(showLoading())、dispatch(hideLoading())和其他逻辑。在LTR版本中,加载条按预期工作。但是,如果我切换到RTL版本,它会使页面宽度增加一倍,并且仍然从左向右。这就是我要问的。谢谢你的时间!showLoadingBar(dispatch)应该是dispatch(showLoadingBar(true))同样的事情应该适用于hideLoadingBar:Hey@Ashish、hideLoadingBar和showLoadingBar都是两个内部函数,包含dispatch(showLoading())、dispatch(hideLoading())和其他逻辑。在LTR版本中,加载条按预期工作。但是,如果我切换到RTL版本,它会使页面宽度增加一倍,并且仍然从左向右。这就是我要问的。谢谢你的时间!