我想在将字符串值传递给道具时添加换行符

Question

我想在将字符串值传递给道具时添加换行符我已经尝试过 "Unsere \nLeidenschaft" 和 {"Unsere \nLeidenschaft" } ，但它不起作用，它打破了行，但它也显示 \n 文本。

这是我的代码：

我想打破标题的文字。

 <BgImageComponent
        DashSize={"35%"}
        Heading="Unsere Leidenschaft"
        SubHeading={"Das Team von Agento Aurum ist..."}
      />

Answer 1

如果您更新标题元素的 css，则使用 CSS 属性

white-space: pre; 在标题元素上
连同文本中的 \n

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Answer 2

\n用于在终端/控制台中而不是在网站中换行。 一种快速而肮脏的方法是在代码下方添加<br>元素。 但我强烈建议查找如何使用CSS添加一些空间。 我希望我能帮助并欢迎使用 StackOverflow。

Answer 3

我找到了你必须分离字符串然后放的解决方案
它应该是这样的 {["Unsere",
, "莱登沙夫特"]}!