Reactjs 如何在图标按钮前添加文本

我需要在材质ui的

图标按钮

之前添加自定义文本。下面是按钮的代码

 <div className={classes.toolbar}>     
 <IconButton onClick={handleDrawerClose}>
        {theme.direction === 'rtl' ? <ChevronRightIcon /> : <ChevronLeftIcon />}
 </IconButton>
 </div>

{theme.direction==='rtl'？：}

---

如何在图标前添加文本？

您可以使用按钮组件并相应地设置其样式

<Button
  variant="contained"
  color="secondary"
  className={classes.button}
>
  My Button Text
  {
    theme.direction === 'rtl'
    ? <ChevronRightIcon />
    : <ChevronLeftIcon />
  }
</Button>

我的按钮文本
{
theme.direction===“rtl”
? 
: 
}