傳遞值<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 。

工作沙盒