ReactJS動的に指定されたrefsをループする方法

Question

「item」はゼロから始まるインクリメント値で、入力に対してrefsという名前の動的な行を探しています。

"入力タイプ=" テキスト "REF = { 'name' の+アイテム}はdefaultValue = {アイテム} />"

どの値を掻き出すために、これらの動的な参考文献を介してIループでしょうか？私は運がないとこれを試みた。それは私にオブジェクトが未定義であると伝えます。 （入力の長さは、添加元素の数に等しいであろう）

var arr = this.state.inputs; 
var arrayLength = arr.length; 
for (var i = 0; i < arrayLength; i++) { 
    var c = this.refs.name + i.value 
    alert(c); 
} 

もののは、これが作業を行い、その動的なので、私はハードコードも、それを介してループする必要はない。

alert(this.refs.name0.value); 
alert(this.refs.name1.value); 
alert(this.refs.name2.value); 

Answer 1

私はあなたがDOMは（少なくとも私の経験されたこと）だけでなく、レフリーの入力のためにオブジェクトを取得する必要があると考えている：

import ReactDOM from 'react-dom'; 

const values = {}; 
Object.keys(this.refs) 
    .filter(key => key.substr(0,4) === 'name') 
    .forEach(key => { 
     values[key] = ReactDOM.findDOMNode(this.refs[key])).value || null; 
    }); 

幸運を！