Передайте значение тега <select>в React. js

Question

Вопрос новичку, но я пытаюсь запустить тест, чтобы увидеть, как передать значение выбранной опции. В настоящее время пытается консоль протоколировать значение выбранного параметра, в этом случае значение = '2' или значение = '4'. Любой совет или ведет в правильном направлении будет принята с благодарностью.

testUpdate = selectedValue => {
    console.log(selectedValue);
};

render() {

    return (
        <select
            className='new-lead-dropdown'
            onChange={this.testUpdate}

            <option defaultValue value='1'>
                    Responses
            </option>
            <option value='2'>Phone</option>
            <option value='4'>Screen</option>
            <option value='5'>Interview</option>
            <option value='6'>Offer</option>
            <option value='15'>Hired</option>
        </select>

Answer 1

Вы можете сделать что-то вроде этого:

Вы должны захватить текущее событие во время onChange и получить значение. Надеюсь, это поможет.

 <select onChange={(e) => this.testUpdate({ value: e.target.value })}>
    <option defaultValue value='1'>Responses
    <option value="2">Phone</option>
    <option value="4">Screen</option>
    <option value='5'>Interview</option>
    <option value="6">Offer</option>
    <option value="15">Hired</option>
</select>

Answer 2

Изменить,

onChange={this.testUpdate}

на

onChange={e => this.testUpdate(e.target.value)}

Здесь необходимо убедиться, что вы передаете выбранное значение как e.target.value в функции testUpdate.

Рабочая песочница

Answer 3

testUpdate = selectedValue => {
  console.log(selectedValue.target.value);
};