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

select in react with nchange

Shiny Sandpiper answered on March 2, 2021 Popularity 10/10 Helpfulness 4/10

answer select in react with nchange

related use onchange with react select

select in react with nchange

Comment

import React from 'react';
import Select from 'react-select';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
];

class App extends React.Component {
  state = {
    selectedOption: null,
  };
  handleChange = selectedOption => {
    this.setState({ selectedOption });
    console.log(`Option selected:`, selectedOption);
  };
  render() {
    const { selectedOption } = this.state;

    return (
      <Select
        value={selectedOption}
        onChange={this.handleChange}
        options={options}
      />
    );
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: www.npmjs.com

Tags: javascript select

Link to this answer
Share Copy Link

Contributed on Mar 02 2021

Shiny Sandpiper

0 Answers Avg Quality 2/10

Closely Related Answers

use onchange with react select

Comment

const [valueState,setValueState] = useState("")
// create a function that handle the React-select event and
// save the value of that event on an state every time the component change
    const handler = (event) => {
        const value = event.value
        setValueState(value)
    }
<Select options={"your options"} onChange={handler}/>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 23 2021

Johiny

0 Answers Avg Quality 2/10

select in react with nchange

Contents

More Related Answers

select in react with nchange

Closely Related Answers

use onchange with react select

Grepper

Documentation

Social

Legal

Contact

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