Breaking News: Grepper is joining You.com. Read the official announcement!

Material-UI: A component is changing the default value state of an uncontrolled Select after being initialized. To suppress this warning opt to use a controlled Select.

Salo Hopeless answered on June 29, 2021 Popularity 9/10 Helpfulness 4/10

answer Material-UI: A component is changing the default value state of an uncontrolled Select after being initialized. To suppress this warning opt to use a controlled Select.

Material-UI: A component is changing the default value state of an uncontrolled Select after being initialized. To suppress this warning opt to use a controlled Select.

Comment

/** Uncontrolled here means you may be setting the value
of the Select component to undefined, this is because 
value={props.selectedValue} here. In this the props or 
selectedValue may come null so it turns out to be a
uncontrolled component in that.
To solve the warning you can add condition to check null 
and set default value.
*/

value={props.selectedValue ? props.selectedValue : " "}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: default-value javascript select state suppress this

Link to this answer
Share Copy Link

Contributed on Jun 29 2021

Salo Hopeless

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Material-UI: A component is changing the default value state of an uncontrolled Select after being initialized. To suppress this warning opt to use a controlled Select.

Contents

More Related Answers

Material-UI: A component is changing the default value state of an uncontrolled Select after being initialized. To suppress this warning opt to use a controlled Select.

Grepper

Documentation

Social

Legal

Contact

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