Réagir trouver nœud DOM par refs ensemble de variable?

Je suis de la création dynamique de texte multiples entrées (avec créé dynamiquement refs) le long du côté du texte que je veux mis à jour avec l'entrée.

J'essaie d'obtenir la valeur de l'entrée par la définition de la réf à une variable et de trouver le nœud DOM à Réagir.findDOMNode(ce.réf.Variable).valeur

Je suis un "Impossible de lire la propriété "valeur " null" erreur.

Comment puis-je y parvenir?

C'est ce que la fonction ressemble à:

resetUnit: function(e){
  var refID = e.target.id;
  var ID = refID.split("-")[0];
  var Value = React.findDOMNode(this.refs.refID).value;
  NodesCollection.update({_id: ID},{$set: { materialUnit : Value}});
  this.setState({
    edit: ''
  });
},
InformationsquelleAutor Mark Anderson | 2015-10-14
  1. 12
    var Value = React.findDOMNode(this.refs.refID).value;

    trouve le nœud DOM pour le composant avec le ref "refID". Si vous voulez trouver le nœud DOM pour le composant avec le ref refID (la variable), vous devez

    var Value = ReactDOM.findDOMNode(this.refs[refID]).value;
    • Merci, cela a fonctionné!
    • Je suppose que ce serait ReactDOM.findDOMNode pas React.findDOMNode
    • personne ayant des problèmes avec ce que en juin 2019? Cela ne semble pas fonctionner pour moi
    InformationsquelleAutor Michelle Tilley
  2. 2

    J'ai eu à faire 

    import ReactDOM from 'react-dom';
ReactDOM.findDOMNode(this.refs.hi);

    à Réagir 15.2.1 (https://facebook.github.io/react/docs/top-level-api.html#reactdom.finddomnode)

    InformationsquelleAutor lakesare
  3. 0

    Je suis un "Impossible de lire la propriété "valeur " null" erreur.

    Deux cas possibles:

    • l'id est faux. Revue de code ou log pour vérifier l'ID est ce que vous pensez que c'est
    • Appelé au début: Êtes-vous sûr que componentDidMount a été appelé?
    • Le code est correct, et meteor (je pense) gère le componentDidMount. La question est en essayant de trouver "ce.refs" avec une variable.
    • Par exemple: var A = foo; Réagir.findDOMNode(ce.réf.A).valeur;
    InformationsquelleAutor basarat