Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

141
Vistas
MUI Autocomplete - Make all options selected by default

I've be using this example to try and get the values in the autocomplete drop down to be automatically selected by default. I'm looking to get all the values to be selected when the page is loaded. Does anyone know how to do this?

Sandbox code : https://codesandbox.io/s/s26gz?file=/demo.js:504-523

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

You can control the value of the Autocomplete by overriding the value/onChange props and use useState to set the initially selected options:

const [value, setValue] = React.useState(options);

return (
  <Autocomplete
    options={options}
    value={value}
    onChange={(e, v) => setValue(v)}
    {...}
  />
);

Or if you're using uncontrolled mode, simply pass a defaultValue:

<Autocomplete
  defaultValue={options}
  {...}
/>

Codesandbox Demo

about 4 years ago · Juan Pablo Isaza Denunciar

0

You can pass a defaultValue props to Autocomplete like this

  <Autocomplete
    options={options}
    value={value}
    defaultValue={top100Films}
    ...
  />
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda