web-dev-qa-db-ja.com

Reactフックでの選択オプションの処理

Reactフックで[useState}]を使用して、ドロップダウンセレクトからテキスト値を取得しようとしています。テキストではなく値（数値）を取得します。以下のコードのビットをコピーしました選択ドロップダウンを制御します。ここで何が欠けていますか？ありがとう。

const [addrtype, setAddrType] = useState('Home')

function handleAddrTypeChange(e) {
    setAddrType(e.target.value);
    console.log(addrtype)
}


                            <select
                                defaultValue={addrtype}
                                onChange={handleAddrTypeChange}
                                className="browser-default custom-select">
                                <option selected value="1">Home</option>
                                <option value="2">Marketing</option>
                                <option value="3">Work</option>
                                <option value="3">Head Office</option>
                            </select>
reactjsformsselectstatereact-hooks
1
Steven Collins

テキストが必要な場合は、値ではなくテキストにアクセスします。 event.target.text。ここでリファレンスを確認してください。 http://output.jsbin.com/vumune/4/

2
Srigar

オプションの値を変更するだけです

<option selected value="Home">Home</option>
<option value="Marketing">Marketing</option>
<option value="Work">Work</option>
<option value="Head Office">Head Office</option>
0
Abu Dujana Mahalail