Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

142
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda