Comment attraper le texte sélectionné à l'intérieur de l'entrée?

Créez une fonction ONCHANGE et transmettez le paramètre d'événement sur la fonction ONCHANGE. Ce paramètre d'événement contiendra l'objet d'élément d'entrée, lors de l'événement.Target.Value, vous obtiendrez une valeur sélectionnée. Vous pouvez remplacer SELECT avec Textfield.

p>

         <select id="data" onchange="get_data(event)">
                <option value="one">Option 1 Here</option> 
                <option value="two">Option 2 Here</option>
            </select>

import React, { Component } from 'react'

export default class Select extends Component {
constructor(props){
    super(props);
    this.state={
        value:"",
    }
    this.handleChange=this.handleChange.bind(this);
}
handleChange(e){
    this.setState({
        [e.target.name]: e.target.value
    })

}
render() {
    console.log(this.state.value);
    return (
        <select id="data" value={this.state.value} name="value" onChange={this.handleChange}>
        <option value="one">Option 1 Here</option> 
        <option value="two">Option 2 Here</option>
    </select>
    )
}
}
handleChange fire when option is selected! setting state.value to option value 

donc, fondamentalement 2 options

1. Passez la fonction Onchange à votre entrée et obtenez sa valeur à partir de Event.Target.Value
2. Vous pouvez utiliser des réfs pour obtenir le nœud DOM et vous pouvez également obtenir la valeur de l'entrée ( https://reactjs.org/docs/refs-and-thom.html#adding-a-ref-a-a- DOM-ELEMENT )