how to set dynamic autocomplete with material ui

Pleasant Pintail answered on June 7, 2020 Popularity 10/10 Helpfulness 2/10

answer how to set dynamic autocomplete with material ui

how to set dynamic autocomplete with material ui

Comment

 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

      />
    )}
  />

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: autocomplete dynamic javascript material-ui set

Link to this answer
Share Copy Link

Contributed on Jun 07 2020

Pleasant Pintail

0 Answers Avg Quality 2/10

how to set dynamic autocomplete with material ui

Contents

More Related Answers

how to set dynamic autocomplete with material ui

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.