How to style Autocomplete in React Material UI?

Question

React

Material UI has a multi-select component with checkboxes. At the same time, Chip components appear.

How to make the selection field not have a bunch of values, but for example "Selected 5 out of 23", how to change the output of the selected elements. Thank you!

Answer 1

Select has a renderValue prop that allows you to display a custom value in the select field, i.e. just what you need.
Here is an example: https://codesandbox.io/s/material-demo-zegwq