Question

我想要做的是我想在

之间添加一个换行符

remoteMessage.notification.title + remoteMessage.notification.body

标题和正文

如果我像这样使用我的代码屏幕视图显示

这是我的代码

useEffect(() => {
  const unsubscribe = messaging().onMessage(async (remoteMessage) => {
    console.log(JSON.stringify(remoteMessage));
    Alert.alert(
      "A new FCM message arrived!",
      JSON.stringify(
        remoteMessage.notification.title + remoteMessage.notification.body
      )
    );
  });

  return unsubscribe;
}, []);

如何修复我的代码？如果我想这样显示？

title 
body

Answer 1

您可以使用 \n，否则，您可以尝试在两个文本之间使用 <br/>。

useEffect(() => {
  const unsubscribe = messaging().onMessage(async (remoteMessage) => {
    console.log(JSON.stringify(remoteMessage));
    Alert.alert(
      "A new FCM message arrived!",
      JSON.stringify(
        remoteMessage.notification.title +"<br/>"+ remoteMessage.notification.body
      )
    );
  });

  return unsubscribe;
}, []);

Answer 2

您可以使用 \n 和 white-space: pre-line; CSS：

const text = "Title\nBody"

function App() {
  return <div className="pre-line">{text}</div>
}

ReactDOM.render(<App />, document.getElementById('root'))

.pre-line {
  white-space: pre-line;
}

<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
<body>
<div id="root"></div>
</body>

如何在 JSON 中添加换行符？

2 个答案: