css - 如何在 React Native 中使用 或类似的东西将换行符保存到数据库？

Question

我正在学习 React Native，我在后端有 express.js，在前端有 React-Native。我有一个像这样的多行文本输入

  <TextInput
      style={{ textAlign: 'center', fontSize: 22 }}
            multiline = {true}
            numberOfLines = {4}
            ....
  />

然后表单就这样提交了

  onQuestionSubmit() {
   fetch('url', {
    credentials: 'same-origin',
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
     databaserow: this.state.blahblah,
   }),
  })
 }

当我将内容发送到数据库并渲染它时，即使我多次点击“输入”或换行符，它也会作为一行返回。我需要做什么才能保留提交表单时创建的换行符？

Answer 1

我认为那是因为你使用 json 来传递你的数据。

第一个解决方案是转义“\”，所以它将是:

  onQuestionSubmit() {

   var blah = this.state.blahblah;
   blah = blah.split('\n').map((item, key) => {
     return item+'\\n'
   }).join('');

   fetch('url', {
    credentials: 'same-origin',
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
     databaserow: blah,
   }),
  })
 }

然后在你的TextInput defaultValue 应该是这样的:

defaultValue={this.state.blahblah.split("\\n").join('\n')}

或者另一个是转换\n可能是<br/>之类的东西.所以代码应该和上面一样，只改变\\n至 <br/> .