javascript - 如何在 React Native 中渲染从数据库检索的字符串内的换行符？

Question

我无法使用 React Native 在字符串变量中使用换行符。在我的数据库中，我有一个名为名称字段的文档。名称是一个字符串。名称可以包含特定的换行符。数据在我的 React Native 组件中获取并在 FlatList 中呈现。

我尝试了以下各种组合:

• \n
• {'\n'}

它们都不起作用，换行符呈现为文本

\\ In database document
name: "Some\ntitle"
\\ or
name: "Some{'\n'}title"

\\ In React Native (simplified)
<FlatList
    renderItem={
        <Text>{item.name}<\Text>
    }
>
<\FlatList>

它呈现为:
某些\n标题或某些{'\n'}标题

而不是:
一些
标题

------------解决方案----------

//在数据库中
name: "一些\n标题"

//在 React Native 中
{item.name.replace('\n', '\n')}

//渲染
一些
标题

Answer 1

出现的 \n 换行符字面上意味着它在某个时刻被转义，实际上是 \\n。

可以是{item.name.replace('\\n', '\n')}。

实际的问题是它根本就被转义了。这可能会影响其他转义序列，应该在字符串转义的地方解决。