只需使用带有flex: 1 0 0 CSS样式的分隔符元素：

<DialogActions>
  <Button>
    Left
  </Button>
  <Button>
    Buttons
  </Button>
  <div style={{flex: '1 0 0'}} />
  <Button>
    Right
  </Button>
  <Button>
    Buttons
  </Button>
</DialogActions>

无需复杂的答案：

只需将组件style设置为{justifyContent: "space-between"}

<DialogActions style={{ justifyContent: "space-between" }}>
  <Button>
    Left
  </Button>
  <Button>
    Right
  </Button>
</DialogActions>

您可以使用***Flexbox***完成此操作：

DialogActions {
  display: flex; /* displays flex-items (children) inline */
}

DialogActions > Button:first-child {
  margin-right: auto;
}

<DialogActions classes={{ root: this.props.classes.dialogActionsRoot }} >
  <Button classes={{ root: this.props.classes.buttonRoot }} size="small" onClick={() => this.props.handleDialogClose()}>
    Clear
  </Button>
  <Button classes={{ root: this.props.classes.buttonRoot }} size="small" onClick={() => this.props.handleDialogClose()}>
    Cancel
  </Button>
  <Button classes={{ root: this.props.classes.buttonRoot }} size="small" onClick={() => this.props.handleDialogClose(this.state.selectedValue)}>
    Select
  </Button>
</DialogActions>

***注：***全屏查看。

**编辑：这不回答问题。**它将所有按钮向左对齐。

根据DialogActions API，可以覆盖的类是根和间距。
查看组件的implemantation后，您可以在根类中看到规则justifyContent：“挠性端”。
我只是简单地应用了理由内容：“flex-start”与另一个类：

<DialogActions classes={{ root: classes.leftAlignDialogActions }}>
   ....
</DialogActions>

确保使用makeStyles创建类leftAlignDialogActions

const useStyles = makeStyles(theme => ({
leftAlignDialogActions: {
    justifyContent: 'flex-start'
  }
}))

我也可以使用disableSpacing，然后通过sx属性添加所需的flex属性和MUI样式覆盖。在我的示例中，我必须将间距（间隙）从8px修改为10px。

<DialogActions disableSpacing sx={{gap: '10px'}}>
  <Button>Cancel</Button>
  <Button>Submit</Button>
</DialogActions>

也许在你的情况下，另一个选择是将第二个和第三个按钮 Package 在Box组件中，并在容器上添加justifyContent: space-between。这样，在flex容器中，你将有2个flex项，它们将被推到容器的左内边缘和右内边缘。左侧项目将是第一个按钮，右侧项目将是Box，它将第2个和第3个按钮作为子按钮。

您可以使用first child选择器，因为标签DialogActions中的第一个按钮是清除按钮

DialogActions button:first-child {
  float:left;
}

或
你可以试试。你需要相应地调整left和bottom属性。

DialogActions{
  position:relative;
  width:100%;
}
DialogActions button:first-child {
  position:absolute;
  left:10px;
  bottom:10px;
}

希望对你有帮助。