Mui 自动完成就像 mui select

Question

Hi I am trying to create a component that acts like mui select with mui aoutcomplete.

I am having problems to store the values like it was on select.

i want something like the example in select

<MenuItem value=414>JUST SOME TEXT I CAN SERACH IN</MenuItem>

Answer 1

you can use the renderOption prop to specify a custom option rendering function. This function should return a MenuItem component with the desired value.

<Autocomplete
  options={options}
  getOptionLabel={option => option.title}
  renderOption={option => (
    <MenuItem value={option.value}>{option.title}</MenuItem>
  )}
  renderInput={params => (
    <TextField {...params} label="Select" variant="outlined" />
  )}
/>