He estado usando este ejemplo para intentar obtener los valores en el menú desplegable de autocompletar para que se seleccionen automáticamente de forma predeterminada. Estoy buscando obtener todos los valores para seleccionar cuando se carga la página. ¿Alguien sabe como hacer esto?
Código de la zona de pruebas: https://codesandbox.io/s/s26gz?file=/demo.js:504-523
Puede controlar el value de Autocomplete anulando los accesorios value / onChange y use useState para establecer las opciones seleccionadas inicialmente:
const [value, setValue] = React.useState(options); return ( <Autocomplete options={options} value={value} onChange={(e, v) => setValue(v)} {...} /> ); O si está utilizando el modo no controlado , simplemente pase un defaultValue :
<Autocomplete defaultValue={options} {...} />Puede pasar un accesorio de defaultValue a Autocompletar como este
<Autocomplete options={options} value={value} defaultValue={top100Films} ... />