react nbsp

by omerts

HTML

<script src="https://npmcdn.com/@reactivex/[email protected]/dist/global/Rx.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
<div id='app'>
Will render into here
</div>

Babel + JSX

class App extends React.Component {
    constructor(props) {
        super(props);
    }
        
		render() {
        return (
            <div>
            	<div>Doesn't work: -{'&nbsp;'}-</div>
              <div>Doesn't work: -&nbsp;-</div>
            	Select Scenario {'\u00A0'}!
              <div dangerouslySetInnerHTML={{__html: 'First &nbsp; Second'}} />
						</div>
        );
    }
}

ReactDOM.render(<App />, document.querySelector('#app'))