Unable to get dropdown value in reactjs

Question

I'm new to react, learning new things in react and have created a dropdown for a country and want store the value in app.js. I couldn't able to get the value from the dropdown field. Can anyone help me to get the value?

Here is the some code:

<Select
          placeholder="Select your country"
          options={countryOptions}
          value={this.props.country}
          onChange={this.props.handleCountry}
        />

Here is the whole code:

"https://codesandbox.io/s/charming-bell-elme4".

Can anyone help me in this?

jack.benson · Accepted Answer · 2020-04-24 18:40:45Z

1

It looks like handleCountry should accept two params:

  handleCountry = (e, obj) => {
    this.setState({
      country: obj.value
    });
  };

See this fork for a working example. Hope that helps!

answered Apr 24, 2020 at 18:40

jack.benson

2,3732 gold badges12 silver badges19 bronze badges

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

3 Comments

Arunya Over a year ago

Hi, I coudn't able to open sandbox to see the working one. Could you please update it again?

jack.benson Over a year ago

The link is working for me. Not sure what to update. codesandbox.io/s/romantic-hill-lh3tf?file=/src/App.js:278-365

jack.benson Over a year ago

Note, I also updated the submit button: <Button onClick={this.onSubmit}>Submit</Button>

Collectives™ on Stack Overflow

Unable to get dropdown value in reactjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related