Comment obtenir la valeur de textbox dans React?

J'ai juste commencé à l'aide de React.js et je ne suis pas sûr de savoir si il y a une façon particulière pour obtenir la valeur d'un textbox, retourné dans un composant comme ceci:

var LoginUsername = React.createClass({
  render: function () {
    return (
      <input type="text" autofocus="autofocus" onChange={this.handleChange} />
    )
  },
  handleChange: function (evt) {
    this.setState({ value: evt.target.value.substr(0, 100) });
  }
});

source d'informationauteur think123

  1. 11

    Comme décrit dans la documentation Vous devez utiliser entrée contrôlée. Pour faire une entrée - contrôlé vous devez spécifier deux accessoires sur elle

    1. onChange - fonction qui permettrait de configurer le composant state à une entrée value chaque fois que l'entrée est changé
    2. value - valeur d'entrée du composant state (this.state.value dans l'exemple)

    Exemple:

      getInitialState: function() {
    return {value: 'Hello!'};
  },
  handleChange: function(event) {
    this.setState({value: event.target.value});
  },
  render: function() {
    return (
      <input
        type="text"
        value={this.state.value}
        onChange={this.handleChange}
      />
    );
  }

    Plus précisément sur le textarea - ici

  2. 3

    de simplement mettre à jour votre entrée à la valeur

    var LoginUsername = React.createClass({
  getInitialState:function(){
     return {
        textVal:''
     }
 },
  render: function () {
    return (
      <input type="text" value={this.state.textVal} autofocus="autofocus" onChange={this.handleChange} />
    )
  },
  handleChange: function (evt) {
    this.setState({ textVal: evt.target.value.substr(0, 100) });
  }
});

    Votre texte de la valeur d'entrée est toujours en l'état et vous pouvez obtenir le même.état.textVal