title: How to get textContent from ReactElement?
body: <p>Given a <code>ReactElement</code> like this:</p>
  
  <pre><code>var myReactElement = (
    &lt;span&gt;&lt;strong&gt;Chel&lt;/strong&gt;tenham VIC 3192&lt;/span&gt;
  );
  </code></pre>
  
  <p>How could I get its text content (<code>"Cheltenham VIC 3192"</code> in this case)?</p>
  
  <p><strong>Context:</strong></p>
  
  <p>Imagine an autosuggest component. User can specify how to render the suggestions. For example, user can provide the following function to the component:</p>
  
  <pre><code>function(suggestion) {
    return (
      &lt;span&gt;&lt;strong&gt;{suggestion[0]}&lt;/strong&gt;{suggestion.slice(1)}&lt;/span&gt;
    );
  }
  </code></pre>
  
  <p>When suggestion is selected, I need to set the value of the input field to the text content of the suggestion, so if "<strong>M</strong>entone" was rendered in the suggestion list, the value of the input field should be "Mentone".</p>