title: How to get value when React wraps content in spans?
body: <p>I have a React component that renders some html like below, with one callback method (<code>this.deleteItem</code>) triggered upon click of an <code>x</code>.  In the callback method, I try to get the content associated with each of the two refs like this</p>
  
  <pre><code>var date = this.refs.date.getDomNode.value;
  var content = this.refs.content.getDomNode.value;
  </code></pre>
  
  <p>but the result is <code>undefined</code> in both cases. When I simply do <code>this.refs.content.getDomNode</code> (instead of looking for the value) it shows me a div with some <code>span</code> tags inside, and inside of one of those is the content I was seeking. Similarily with the <code>date</code> ref, it is a <code>&lt;small&gt;&lt;/small&gt;</code> element with spans inside.  </p>
  
  <p>Question: how to get the value/content from a div or element when react wraps content in spans?</p>
  
  <pre><code>&lt;div ref="wrapperdiv"&gt;
    &lt;span className="delete" onClick={this.deleteItem}&gt;x&lt;/span&gt;
    &lt;small ref="date"&gt; {date} &lt;/small&gt;
    &lt;div ref="content"&gt; {content } &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>