Material UI Autocomplete add item with multiple select

Question

I tried out the Autocomplete example from Material UI. Its about an add option when entering a new value. Here is the link to the demo: https://codesandbox.io/s/material-demo-forked-lgeju?file=/demo.js What I am wondering about is that the value in the input isnt actually added to the options in this example so it doesnt actually work. Why is that so? Also I cant use it for multiple select, (via adding the property "multiple" to the Autocomplete) since this would produce a "TypeError Cannot read property 'length' of null". Is there a way to make that work for multiple select?

Would appreciate any help a lot.

95faf8e76605e973 · Accepted Answer · 2020-10-18 13:20:29Z

1

According to the documentation regarding multiple prop:

If true, value must be an array and the menu will support multiple selections.

So just initialize your state as an array so that it would have the property length and is an array so that satisfies the condition I quoted above

const [value, setValue] = React.useState([]);

answered Oct 18, 2020 at 13:20

95faf8e76605e973

14.3k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

majidheidari · Accepted Answer · 2021-11-08 12:28:19Z

0

for add item top100Films.push(value)

answered Nov 8, 2021 at 12:28

majidheidari

1

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Material UI Autocomplete add item with multiple select

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related