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

Question

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

我尝试了很多方法，但似乎无法让它工作，包括替换、replaceAll、尝试转义配置 当前代码片段:

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

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

这正确捕获了\n并将其变成换行符，但变成 \\n进入\随后是换行符。

Answer 1

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

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

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