React récupére la value d'un select

thomas borto
Javascript React

je voudrais recupérer les value de mon select
j'ai le code si dessus

<select onChange={handleChange} name={'price'}>
                            <option value="">Prix</option>
                            <option value="0-10">0-10€</option>
                            <option value="10-30">10-30€</option>
                            <option value="20-50">20-50€</option>
                            <option value="30-70">30-70€</option>
                            <option value="50-100">50-100€</option>
                            <option value="100et+">100 et +</option>
                  </select>

Ce que je veux

recupérer la valeur de value en fonction de l'option selelctionner

Ce que j'obtiens

je n'ai pas fait le function car je ne c'est pas comment procéder

3 réponses

eliseekn
Réponse acceptée

Bonjour. Définie ta fonction comme ceci :

function handleChange(e) {
    console.log(e.target.value)
}
thomas borto
Auteur

sa marche je vais tester

FrenchDev

Bonjour tu peux également faire comme ça : 

//pour stocker la valeur 
const [data , setData] = useState("");
// console.log(data)

<select onChange={e => setData(e.target.value)}  name={'price'}>
                            <option value="">Prix</option>
                            <option value="0-10">0-10€</option>
                            <option value="10-30">10-30€</option>
                            <option value="20-50">20-50€</option>
                            <option value="30-70">30-70€</option>
                            <option value="50-100">50-100€</option>
                            <option value="100et+">100 et +</option>
                  </select>