/TypeScript/How to get value from autocomplete material ui

How to get value from autocomplete material ui

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

Source: stackoverflow.com

How to set dynamic autocomplete with material ui

 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

      />
    )}
  />

Material ui autocomple how make first option is selected as default

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

Similar codes

0 vote278 views1 answer
Google fonts icons size classes
TypeScript
0 vote335 views1 answer
Links a otros components angular
TypeScript
2 votes279 views2 answers
Typescript object of type interface
TypeScript
0 vote275 views1 answer
Ionic scroll to item programmatically
TypeScript
18 votes273 views2 answers
How to check the ports in use in windows cmd
TypeScript
11 votes305 views3 answers
Property 'active' has no initializer and is not definitely assigned in the constructor.ts(2564)
TypeScript
2 votes296 views1 answer
Vue\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote303 views1 answer
Comments html.erb
TypeScript
22 votes284 views5 answers
How to combine 2 lists in python
TypeScript
0 vote288 views2 answers
Ixl ansers
TypeScript