RTL对于绝对定位的项目失败

Question

我有几个绝对定位的项目，使用RTL时它们不会切换位置。我的假设是，当LTR为left时：0会自动变为RTL：0：处理绝对定位项目的RTL的最佳方法是什么。 目前，我只是给他们分配不同的分类并给出适当的位置。 dir以还原状态存储并作为props传递下来

    containerMenu: {
        [theme.breakpoints.down('sm')]: {
            position: 'absolute',
            top: '10px',
            left: '0px',
        }
    },
    /* RTL override  */
    containerMenuRTL: {
      [theme.breakpoints.down('sm')]: {
        position: 'absolute',
        top: '10px',
        left: 'auto',
        right: '0px'
      }
    }

 <div className={dir === "rtl" ? classes.containerMenuRTL : classes.containerMenu}>