react material ui autocomplete code example
Example 1: how to get value from autocomplete material ui
<Autocomplete
onChange={(event, value) => console.log(value)}
.....
renderInput={params => (
<TextField {...params} label="Label" variant="outlined" fullWidth />
)}
/>
Example 2: how to turn of autocomplete in react hook form material ui
<TextField
inputRef={input}
{...params}
inputProps={{
...params.inputProps,
autoComplete: "disabled",
}}
margin="none"
fullWidth
/>
Example 3: 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]);
};
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
/>
)}
/>