Как выбрать значения, которые уже выбраны в интерфейсе автозаполнения материала?

Question

Я использую автозаполнение пользовательского интерфейса, и застрял в этой проблеме. В документе здесь говорится, что «значение должно иметь равенство ссылок с опцией, чтобы быть выбранным». И я сделал именно то, что он сказал, но похоже, что он не работает.

• Вот мои варианты
• Вот мое значение
• В настоящее время

• Ожидается

  <Autocomplete
   disableCloseOnSelect={true}
   multiple
   options={techList}
   getOptionLabel={(options) => options.techName}
   value={newValueDialog}
   onChange={(e, tech) => {
    this.handleChangeValueDialog(tech);
   }}
   popupIcon={false}
   closeIcon={false}
   renderTags={(value, getTagProps) =>
   value.map((option, index) => (
    <Chip
      color="primary"
      variant="outlined"
      label={option.techName}
      {...getTagProps({ index })}
      deleteIcon={<ClearIcon />}
    />
   ))
   }
  

  renderInput = {(params) => ()} />

Answer 1

Поскольку вы используете пользовательский объект, обеспечьте равенство с собственной реализацией.

https://material-ui.com/api/autocomplete/#autocomplete -api

Вы должны реализовать метод "getOptionSelected"

    getOptionSelected={(option, value) =>
      option.techName === value.techName
    }

https://codesandbox.io/s/material-demo-vh5ns