title: ReactJS render string with non-breaking spaces
body: <p>I have some props that has a string that could contain characters such as &amp;.
  It also contains spaces.  I want to replace all spaces with <code>&amp;nbsp;</code>.</p>
  
  <p>Is there an easy way I can do this?  Bear in mind that I cannot just render using this syntax:</p>
  
  <pre><code>&lt;div dangerouslySetInnerHTML={{__html: myValue}} /&gt;
  </code></pre>
  
  <p>because I would first have to replace any HTML entities with their markup.  I don't want to have to do this, it seems too low level.</p>
  
  <p>Is there a way I can do this?</p>