React Suche DOM-Knoten von Refs auf Variable gesetzt?

Question

Ich erstelle dynamisch mehrere Texteingaben (mit dynamisch erstellten Referenzen) neben dem Text, der mit der Eingabe aktualisiert werden soll.

Ich versuche, den Wert der Eingabe zu erhalten, indem die ref auf eine Variable Einstellung und die DOM-Knoten mit React.findDOMNode (this.refs.Variable) finden .value

ich ein „nicht lesen kann ich immer Eigenschaft 'Wert' von Null "Fehler.

Wie kann ich das erreichen? Diese

ist, was die Funktion wie folgt aussieht:

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: '' 
    }); 
}, 

Answer 1

var Value = React.findDOMNode(this.refs.refID).value; 

findet den DOM-Knoten für die Komponente mit dem ref "refID". Wenn Sie den DOM-Knoten für die Komponente mit dem ref refID (die Variable) finden wollen, müssen Sie

var Value = ReactDOM.findDOMNode(this.refs[refID]).value; 

Answer 2

ich bin immer Fehler "Can not Eigenschaft 'Wert' null" gesetzt ist.

Zwei mögliche Fälle:

• die ID falsch ist. Überprüfen Sie weiteren Code oder log, um zu überprüfen, die ID ist, was Sie denken, es ist
• Aufruf zu früh: Sind Sie sicher, dass componentDidMount aufgerufen wurde?

Answer 3

I

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

in React 15.2.1 (https://facebook.github.io/react/docs/top-level-api.html#reactdom.finddomnode)

zu tun hatte