Reactjs -如何在模板字符串中换行并返回以进行渲染？

const content = `第一行内容 \
第二行内容 \
第三行内容`;

return <div>{content}</div>;

const lines = [
  '第一行内容',
  '第二行内容',
  '第三行内容'
];

return <div>{lines.map(line => <div key={line}>{line}</div>)}</div>;

const content = `第一行内容
第二行内容
第三行内容`;

const styles = {
  whiteSpace: 'pre-line'
};

return <div style={styles}>{content}</div>;