如何在 JSON 中添加換行符？
[英]how can i add Line break in JSON?
問題描述
我想做的是我想在兩者之間添加一個換行符
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
3 個解決方案
解決方案1
1 2021-03-27 10:37:23
您可以使用\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;
}, []);
解決方案2
1 2022-10-07 08:46:44
如果你知道如何處理 CSS（我希望你是前端開發人員），你可以使用 css 的 white-space: break-spaces 和 '\n' 的組合來換行。
你的.json 文件
{
text: "I want to show you \nthe text that is line break."
}
你的.css 文件
p {
white-space: break-spaces;
}
也許它看起來像這樣。
I want to show you
the text that is line break.
解決方案3
0 2021-03-27 11:52:35
您可以使用\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>
如何在此代碼中添加段落，換行符或水平規則標記？
[英]How can I add a paragraph, line break or horizontal rule tag to this code?
如何在行內阻止javascript div之間添加換行符？
[英]How can I add a line break between my inline-block javascript divs?
如何使用ReactJS（+ Redux）系統地將換行符添加為內部HTML？
[英]How can I add line break as inner HTML systematically with ReactJS (+ Redux)?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.