Javascript 反应本机替换\n

我目前正在使用React native进行一个项目，我对以下在屏幕内呈现

\n

的句子有一个问题：

Geweldig pand op geweldige locatie!\n\nDat mag je daadwerkelijk zo stellen...\n\nOp loopafstand van de Nachtegaalstraat en de Biltstraat tref je dit werkelijk bijzondere pand aan.

正如您在句子中看到的那样，有

\n

，我知道react native不能呈现

\n

，而是使用

{“\n”}

。但是如何将

\n

替换为特征线

这是我当前的代码：

renderDescription() {
    let text = this.state.huisExtraInfo.offerText;

    if (this.state.showDescription) {
        return (
            <View>
                <Text>
                    {text}
                </Text>
            </View>
        )
    } else {
        return (
            <View>
                <Text numberOfLines={3} style={styles.description}>{text}</Text>
                <Button onPress={() => this.setState({showDescription: true})}><Icon name='caret-down'/> Lees de volledige beschrijving</Button>
            </View>

        )
    }
}

方法二：

{text.split(/\n/).map((item, key) => {
        return (
            <Text key={key}>
                {item} {"\n"}
            </Text>
            )
    })}

{text.split（/\n/）.map（（项，键）=>{
返回(
{item}{\n}
)
})}

我尝试过的方法都不管用，有什么建议吗

供参考的图像： 这对我来说很有用

export default function App() {
  const text ="Geweldig pand op geweldige locatie!\n\nDat mag je daadwerkelijk zo stellen...\n\nOp loopafstand van de Nachtegaalstraat en de Biltstraat tref je dit werkelijk bijzondere pand aan.";
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
      <Text>{text}</Text>
    </View>
  );
}

导出默认函数App（）{
const text=“Geweldig和op geweldige locatie！\n\n我的工作地点是…\n\n我的工作地点是一个很好的工作地点；
返回(
打开App.js开始使用你的应用程序！
{text}
);
}

---

希望这有帮助

嗨，谢谢你的回复。我试过和你一样的方法，但对我来说不起作用。我忘了提到我从state获取文本，但是当我像你一样定义文本时，我会得到相同的结果，但如果我使用state，则不会得到相同的结果。我用我目前使用的代码更新了这个问题。对我来说，它甚至可以与state一起工作。你能发布整个代码吗？试试这个代码{this.state.text.replace（'
'，'\n'）}这是我的代码：。我尝试了您所说的方法，但也不起作用…尝试在let text=this.state.huisExtraInfo.offerText之后替换\n；也就是在此行之后，请尝试使用text=text.replace（'\n'，'
'）或text=text.replace（'\n'，''）

export default function App() {
  const text ="Geweldig pand op geweldige locatie!\n\nDat mag je daadwerkelijk zo stellen...\n\nOp loopafstand van de Nachtegaalstraat en de Biltstraat tref je dit werkelijk bijzondere pand aan.";
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
      <Text>{text}</Text>
    </View>
  );
}