material-ui 1.0 - how to create a chip input with autocomplete?

reactjs material-ui md-chip
Jules picture Jules · Feb 26, 2018 · Viewed 11.6k times · Source

In an application using material-ui v1.0 (aka material-ui-next), how can I create a chip input field with autocomplete options? (I.e. a text box that, when you start typing, produces a list of available options, and when you click one of those options changes the option to a chip -- somewhat like the tag entry box on stack overflow)

Everything I've found so far suggests using https://github.com/TeamWertarbyte/material-ui-chip-input but this library is using the older material-ui v0.20 and while they're in the process of porting to material-ui v1.0 the branch for this doesn't support autocomplete yet. Is there another way of doing this?

Answer

Fatih Hayrioğlu picture Fatih Hayrioğlu · Mar 21, 2019

Orginal React Selectv2 A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

https://react-select.com/home#getting-started

Related questions

× TypeError: Cannot read properties of undefined (reading 'map')

When I try to run this code it gives me this error: × TypeError: Cannot read properties of undefined (reading 'map') I don't know why. I have tried possible means, but it didn't work. import React from 'react'; import Grid from …

Read More
Invalid hook call. Hooks can only be called inside of the body of a function component

I am new to React and Now I would like to show some record in the table and now I got this error. Help me, please. Invalid hook call. Hooks can only be called inside of the body of a …

Read More
What does the error "JSX element type '...' does not have any construct or call signatures" mean?

I wrote some code: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } I'm getting an error: JSX element type Elem does not have any construct or call signatures …

Read More