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" />

传递数据时保持文本格式

1 个答案: