传递数据时保持文本格式

Question

我的数据库中存储了包含换行符的文本（段落）。当我向数据库发出 GET 请求时，信息会以对象的形式返回。带有文本的部分变成了一个大段。有谁知道在传递文本时如何保持换行符和文本格式？

Answer 1

您可以将换行符拆分为一个数组，并使用 map 函数以您想要的方式显示和设置样式。这是一个简单的解决方案，可以根据您的需要进一步修改：

const myObj = {
  text: 'Very large text\nLine1\nLine2\nLine3'
};
const text = myObj.text.split('\n');

class App extends React.Component {
  render() {
    return ( 
        <div>
        {text.map((t, i) => <div key={i}>{t}</div>)}
        </div>
      );
  }
}

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

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script><div id="root" />