I am dynamically creating multiple text inputs (with dynamically created refs) along side the text that I want updated with the input.

I am trying to get the value of the input by setting the ref to a variable and finding the DOM node with React.findDOMNode(this.refs.Variable).value

I am getting a Cannot read property 'value' of null error.

How can I achieve this?

This is what the function looks like:

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: ''

  });

},