“Cómo obtener el valor de la interfaz de usuario de material autocompleto” Código de respuesta

Cómo obtener el valor de la interfaz de usuario de material autocompleto

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    .....
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>
Salo Hopeless

Material UI AutoComple Cómo se selecciona la primera opción de hacer como predeterminado

<Autocomplete
    id="id"
    options={Options}
    getOptionLabel={option => option.label}
    defaultValue={Options.find(v => v.label[0])} 
    renderInput={params => (
      <TextField {...params} label="label" variant="outlined" />
    )}
  />
Jash_World

Cómo establecer el autocompleto dinámico con la interfaz de usuario del material

 import React, { useState } from 'react';
using useState:

   const [val,setVal]=useState({})
changin value on click of button

  const handleClick = () => {
    setVal(top100Films[0]);//you pass any value from the array of top100Films
   // set value in TextField from dropdown list
 };
and pass this value to component in render

 <Autocomplete
   value={val}
    options={top100Films}
    getOptionLabel={option => option.title}
    style={{ width: 300 }}
    renderInput={params => (
      <TextField
        {...params}
        label="Combo box"
        variant="outlined"
        fullWidth

      />
    )}
  />
Pleasant Pintail

Respuestas similares a “Cómo obtener el valor de la interfaz de usuario de material autocompleto”

Preguntas similares a “Cómo obtener el valor de la interfaz de usuario de material autocompleto”

Más respuestas relacionadas con “Cómo obtener el valor de la interfaz de usuario de material autocompleto” en TypeScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código