Reactで改行込みのデータを表示させたい時

コンテナにスタイルを当てればOK。
CSSだけで完結するのでReact以外でも使える。

import React from 'react';
import ReactDOM from 'react-dom';

const data = "hoge\nfuga";
const styles = { whiteSpace: 'pre-line' }; // CSSで書く場合は { white-space: pre-line }

const App = ({ children }) => (
  <div style={styles}>{children}</div>
);

ReactDOM.render(<App>{data}</App>, document.getElementById('root'));

デモ