Javascript 字符串内的换行符（React Native）

我正在开发一个应用程序，其中某个应用程序从Facebook Graph API接收字符串

字符串如下所示：

"Some text some text, some text.\n\nMore text and more\n\nAnd little bit more".

如何用换行符替换\n \n代码中实际有效的内容

我知道如何用一些东西来代替它：

var ret = stringToReplace.replace('\n\n','<br />');

var ret=stringToReplace.replace（'\n\n'，'
'）；

但我怎样才能用工作线中断来代替它呢。我已尝试用“\n”\r\n”替换。每一次替换都像普通文本一样。例如：

"Some text some text, some text.<br />More text and more<br />And little bit more"

“一些文本一些文本，一些文本。
更多文本，更多
更多一点”

我测试了以下代码，它可以正常工作。您应该将文本包装在

组件中

export default class App extends React.Component {
  text = "Some text some text, some text.\n\nMore text and more\n\nAnd little bit more"

  render() {
    return (
      <View style={styles.container}>
        <Text>
          {this.text}
        </Text>
      </View>
    );
  }
}

导出默认类App扩展React.Component{
text=“一些文本一些文本，一些文本。\n\n更多文本和更多\n\n更多一点”
render（）{
返回(
{this.text}
);
}
}

此代码的结果如下所示：

---

我知道我参加聚会已经很晚了，但最近我在用

\n

从数据库中获取数据时遇到了同样的问题。对我有效的解决方案就是运行

replace

方法，用jsx

\n

替换传入的

\n

。因此，在您的情况下，它将是：

var ret = stringToReplace.replace(/\\n/g,'\n');

---

看起来是一个非常愚蠢的解决方案，但它对我有效。

React/React native具有换行对象

{`\n`}

，请参见下面的代码示例

<Text style={{margin: 10}}>
 Our Address {`\n`}

xxx, Clear Water Bay Road {`\n`}
Clear Water Bay, Kowloon {`\n`}
HONG KONG {`\n`}
Tel: + xx {`\n`}
Fax: + xx {`\n`}                    
</Text>

我们的地址{`\n`}
xxx，清水湾道{`\n`}
九龙清水湾{`\n`}
香港{ n }
电话：+xx{`\n`}
传真：+xx{`\n`}

是的，当我手动输入文本时，此解决方案有效，但在我的应用程序中，此文本来自Facebook Graph API，我无法手动更改。@contrl发生的情况是，从数据库中提取时，

\n

最初解释为字符串。然而，当调用

replace

时，

\n

就可以被视为一个新行。这很奇怪，但它确实帮了我的忙。@Kevinhgrifith我仍然没有完全理解这种行为背后的机制，但感谢你的回答：）@contrl很抱歉不能完全解释它为什么会起作用。很高兴我能帮助你。：）