@Автозаполнение пользовательского интерфейса материала можно ли отобразить пользовательскую метку в getOptionLabel так же, как в renderOption?

#reactjs #autocomplete #material-ui

Вопрос:

У меня есть требование, чтобы показать общее количество элементов в каждом варианте для автозаполнения. Хотя я могу отображать развернутые элементы, я не могу показывать, когда один из них выбран .. обратитесь к изображению и коду и предложите мне, как добиться того же в выбранном состоянии, например, в режиме визуализации. смотрите текущее состояние

 getOptionLabel={option =gt;  `${option.listName} (${  option.contacts ? option.contacts.length : 0  })`  }  renderOption={option =gt; (  lt;gt;  lt;div  style={{  display: 'flex',  width: '160px',  overflow: 'hidden',  justifyContent: 'space-between'  }}  gt;  lt;div style={{ width: '160px', overflow: 'hidden' }}gt;  {option.listName}  lt;/divgt;   lt;div className={classes.listCount}gt;  {option.contacts  ? option.contacts.length  : contactLists.length}  lt;/divgt;  lt;/divgt;  lt;/gt;  )}