React, değişkene ayarlanarak DOM düğümünü bulabilir mi?

Question

Girdi ile güncellemek istediğim metnin yanında dinamik olarak birden çok metin girişi (dinamik olarak oluşturulmuş refs ile) oluşturuyorum.

Bir değişkene ref ayarlama ve ben alıyorum

.value React.findDOMNode (this.refs.Variable) DOM düğümünü bularak girişin değerini almak çalışıyorum bir "okunamıyor "boş değer" değeri.

Bunu nasıl başarabilirim? Ben bir "boş malı 'değerini' okunamıyor" hatası alıyorum

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; 

ref "refID" ile bileşen için DOM düğümü bulur. Eğer Ref refID (değişken) ile bileşen için DOM düğümü bulmak istiyorsanız, ben de

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

yapmak zorunda

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

Answer 2

:

Bu gibi işlev görüntüsü.

iki olası durumlar:

• id yanlıştır. Daha fazla kod veya log kodunu tekrar kontrol etmek için ID'yi kontrol edin
• Erken çağrıldı: componentDidMount'un çağrıldığından emin misiniz?

Answer 3

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

Tepki