传递值<select>React.js 中的标签

Question

初学者问题，但我正在尝试运行测试以查看如何传递所选选项的值。 当前尝试控制台记录所选选项的值，在本例中为 value='2' 或 value='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

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

Answer 3

改变，

onChange={this.testUpdate}

到

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

在这里，您需要确保在testUpdate函数中传递选定的值，例如e.target.value 。

工作沙盒