javascript - 文本组件 react-native - 如何转义换行符但允许/n 通过将其转义为//n 来显示

Question

我正在开发一个 Text react-native 组件来为我的应用制作标签。我希望能够将所有 \n 转换为实际的换行符，但如果我像这样转义它，则能够在我的文本组件中显示 \n :\\n

我已经尝试了很多东西，但我似乎无法让它工作，包括替换、替换全部，以及尝试转义配置当前代码片段:

const textCustomSetter = (newValue, newComponent) => {
    newComponent.properties.Text = newValue;
    newComponent.properties.children = newValue.split('\\n').join('\n');
};

其中 textCustomSetter 是我的文本组件的设计和运行时 setter 属性。

这会正确捕获 \n 并将其转换为换行符，但会将 \\n 转换为 \ 后跟换行符。

Answer 1

只需用正则表达式替换即可:

newValue.replace(/[^\\]\\n/g, "\n");

这是通过不匹配单个反斜杠，然后匹配文字 \n(如反斜杠和 n，而不是换行符)，并将其替换为换行符。