javascript - 通过将 refs 设置为变量来 react 查找 DOM 节点？

Question

我正在动态创建多个文本输入(使用动态创建的引用)以及我想用输入更新的文本。

我试图通过将 ref 设置为变量并使用 React.findDOMNode(this.refs.Variable).value 查找 DOM 节点来获取输入的值

我收到“无法读取 null 的属性‘值’”错误。

我怎样才能做到这一点？

函数是这样的:

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” 的组件的 DOM 节点。如果你想用 ref refID(变量)找到组件的 DOM 节点，你需要

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