Reactjs 在选项卡上打开物料ui日期选择器

Reactjs 在选项卡上打开物料ui日期选择器,reactjs,material-ui,Reactjs,Material Ui,我试图通过按tab键打开日期选择器(当您输入多个字段时,使用tab键而不是单击文本框很容易),唯一的问题是我不知道如何操作: <MobileDatePicker variant="outlined" label="Date of birth" disableFuture openTo="year" views={['year', 'month', 'date']} format="dd/MM/yyyy" value={dateOfBirth} onCha

我试图通过按tab键打开日期选择器(当您输入多个字段时,使用tab键而不是单击文本框很容易),唯一的问题是我不知道如何操作:

<MobileDatePicker
  variant="outlined"
  label="Date of birth"
  disableFuture
  openTo="year"
  views={['year', 'month', 'date']}
  format="dd/MM/yyyy"
  value={dateOfBirth}
    onChange={e => {
    setDateOfBirth(e);
    setDateOfBirthError(false);
  }}
  error={dateOfBirthError !== false}
  helperText={dateOfBirthError}
  fullWidth
/>
{
出生日期(e);
镜像的设置日期(假);
}}
错误={DateOfBirror!==false}
helperText={DateOfBirror}
全宽
/>

有人知道我如何在按下tab键时打开此日期选择器吗?

您可以使用
onFocus
和受控
open
prop来打开它
onFocus

但是您可能希望有一个可访问版本的
DatePicker
,因此您可以使用v4.0.0-alpha版本和
DesktopDatePicker
,或者只使用
DatePicker
,以实现内置的a11y

我已经在使用v4.0.0-alpha.4了,我想强制使用mobiledatepicker而不是“正常”一个用于桌面,所以我不使用DesktopDatePicker或DatePicker