Select value not changed on state update ReactJS

Question

I have no idea how to fix this thing have been spent more than an hours to solve this problem but none of the solution fix this

So i have a combo box (Select tag element) which i would like to change the value when a modal box is opened.

I have already implement defaultValue to set the value of the combobox but it won't change. However on other input such as the notes / amount it can get the defaultValue and set it to the element.

I have try to debug the this.currState.deposit_type_id and i get the right value

But in fact it won't change

it always refer to the default value

I have made several type of this thing but none of them has ever had this bug

Here's the screenshot for the code and the image

This is the code to pass the data from parent's component, and deposit type for all the value i will put on the combo box

This is the code that i used for set the default value when the modal box is opened

This is the result, it supposed to choose "Kas Besar", yet it choose "Deposit Type" instead

Possible duplicate of How to get selected value of a dropdown menu in ReactJS — Hemerson Carlin
– Hemerson Carlin, Commented Nov 12, 2017 at 10:31
@mersocarlin yea i know bout that thing, i have already implement that, but the dropdown itself won't change — Jasson Harsojo
– Jasson Harsojo, Commented Nov 12, 2017 at 15:04

Andrija Ćeranić · Accepted Answer · 2017-11-12 15:59:13Z

0

Not sure as I am not able to try it now but you could try to add your value argument for input's html like this:

value={ this.state.currData && this.state.currData.deposit_type_id  }

But it would be better to get currData from props. So this.props.currData.

edited Nov 12, 2017 at 15:59

answered Nov 12, 2017 at 11:10

Andrija Ćeranić

1,73311 silver badges14 bronze badges

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

8 Comments

Jasson Harsojo Over a year ago

as far as i know we're not allowed to use value to set for the value, we should use defaultValue

Andrija Ćeranić Over a year ago

You can use value, see reactjs.org/docs/forms.html#the-select-tag

Andrija Ćeranić Over a year ago

But you should not use your props in state like you did in componentWillMount. Use props in render function and initialize state in constructor function.

Jasson Harsojo Over a year ago

But i need the value from my props to set the value on my state. Can i do that in my constructor? Get the props then set the state on constructor

Andrija Ćeranić Over a year ago

Why do you need it that way?

|

Collectives™ on Stack Overflow

Select value not changed on state update ReactJS

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related