如何移除MUI中StaticDatePicker底部的操作栏（PickersActionBar）

针对你的问题，分两种MUI X版本给出对应解决方案：

MUI X v6版本 #

v6将原有的components属性替换为slots，直接通过slots隐藏ActionBar即可：

<StaticDatePicker
  orientation="landscape"
  openTo="day"
  value={selectedDate}
  onChange={handleDateChange}
  renderInput={(params) => <TextField {...params} />}
  slots={{ ActionBar: null }}
/>

MUI X v5版本 #

v5中需要传递空的函数组件而非直接传null，因为components属性要求接收React组件类型：

<StaticDatePicker
  orientation="landscape"
  openTo="day"
  value={selectedDate}
  onChange={handleDateChange}
  renderInput={(params) => <TextField {...params} />}
  components={{ PickersActionBar: () => null }}
/>

内容的提问来源于stack exchange，提问作者daronoh