reactjs - 与 Formik 和 Material UI 出生日期输入组件反应

Question

刚从 React 开始，所以放轻松！我正在尝试构建一个用于输入出生日期的组件，其中每个“日”、“月”和“年”都有一个下拉菜单。我在网上搜索了高低，找不到任何我能够实施的东西。这是我目前的方法，我知道这不是正确的方法 - 如果有人对可能的后续步骤或有用的阅读有任何建议，我将非常感激！（其余的实施将遵循与我几个月来类似的想法。

import React from 'react';
import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete';

export default function DobSelector() {
  return (
    <Autocomplete
      id="combo-box-demo"
      options={months}
      getOptionLabel={(option) => option.month}
      renderInput={(params) => (
        <TextField {...params} label="Month" variant="outlined" />
      )}
    />
  );
}

const months = [
  { month: 'January' },
  { month: 'Febuary' },
  { month: 'March' },
  { month: 'April' },
  { month: 'May' },
  { month: 'June' },
  { month: 'July' },
  { month: 'August' },
  { month: 'September' },
  { month: 'October' },
  { month: 'November' },
  { month: 'Decemebr' },
];