在 React Native/Javascript 中用换行符全局替换文本答案

【问题标题】：Replacing text globally with line break in React Native/Javascript在 React Native/Javascript 中用换行符全局替换文本
【发布时间】：2018-03-28 02:14:55
【问题描述】：

我想用\n<Add 替换一个xml 标记<Add，以便它为每个<Add 打开一个新行。

但是我试过.replace(/\<Add/g, '\n')它显示一个空白屏幕。

我也试过替换它一次 .replace('\<Add', '\n') 它适用于第一个 <Add 被换行符替换。但我需要用换行符重新替换所有<Add...

为什么我不能全局用“\n”替换文本？我如何在本机反应中做到这一点？

【问题讨论】：

标签： javascript react-native replace textview line-breaks

【解决方案1】：

考虑：

.replace('\<Add', '\n')

适用于第一个，但不适用于其他人，使用全局标志进行替换：

.replace(/(<Add)/g, '\n$1')

【讨论】：

【解决方案2】：

var Adds = document.getElementsByTagName('Add')

for (var i=0, max=Adds.length; i < max; i++) {

var br = document.createElement('br');

document.getElementById('container').insertBefore(br, Adds[i])
}

container 是你的直接父级。

请看这个小提琴的例子：

https://jsfiddle.net/edh4131/bm9avs6u/

【讨论】：