Quickly add new lines to JSX content

React intentionally removes whitespace from your rendered output. Sometimes you really need them.

Add new lines to JSX content by using {'\n'}.

export default React.createClass({  
  render () {
    return (
    

<pre>
      <code>
      foo{'\n'}
      bar{'\n'}
      new lines!
      </code>
    </pre>
    )
  }
})