首頁猿問如何使用 \n 或...

如何使用 \n 或 <br/> 或類似的方法在 React 中格式化變量內的文本

JavaScript

楊魅力 2023-06-15 16:46:27

我需要使用 React 格式化變量內的文本。我需要使用 \n 或但它不起作用，我還需要加粗標題。例如：const termsAndConditions = "條款和條件歡迎使用網站名稱！這些條款和條件概述了使用位于 Website.com 的 Company Name 網站的規則和條例。通過訪問本網站，我們假設您接受這些條款和條件。如果您不同意接受本頁所述的所有條款和條件，請不要繼續使用網站名稱。以下術語適用于這些條款和條件、隱私聲明和免責聲明以及所有協議：“客戶”、“您”和“您的”是指您，即登錄本網站并遵守公司條款和條件的人?！肮尽?、“我們自己”、“我們”、“我們的”和“我們”指的是我們公司?！耙环健薄ⅰ案鞣健被颉拔覀儭本缚蛻?。餅干我們使用 cookie。通過訪問網站名稱，您同意使用 cookies 協議”；

查看完整描述

3 回答

守著一只汪

TA貢獻1872條經驗獲得超4個贊

我建議你使用模板文字

沒有模板的例子

? ? console.log('string text line 1\n' +

'string text line 2');

// Output be

// "string text line 1

// string text line 2"

模板示例

console.log(`string text line 1

string text line 2`);

// Output be

// "string text line 1

// string text line 2"

反對回復 2023-06-15

萬千封印

TA貢獻1891條經驗獲得超3個贊

如果您碰巧使用，JSX您實際上可以使用HTML.

使用功能組件：

function TermsAndConditions() {

return (

<div>

<p><strong>Paragraph in bold</stron></p>

<p>Normal paragraph</p>

</div>

);

}

function Footer() {

return <TermsAndConditions/>

};

ReactDOM.render(

<Footer/>,

document.getElementById('footer')

);

或者使用類組件：

function TermsAndConditions() {

return (

<div>

<p><strong>Paragraph in bold</stron></p>

<p>Normal paragraph</p>

</div>

);

}

class Footer extends React.Component {

render() {

return (

{this.props.message}

)

}

ReactDOM.render(

<Footer message={<TermsAndConditions/>}/>,

document.getElementById('footer')

);

反對回復 2023-06-15

BIG陽

TA貢獻1859條經驗獲得超6個贊

使用 CSS 試試這個。

.white-space-pre-line {

white-space: pre-line

}

反對回復 2023-06-15

3 回答
0 關注
211 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 \n 或 <br/> 或類似的方法在 React 中格式化變量內的文本

如何使用 \n 或 <br/> 或類似的方法在 React 中格式化變量內的文本

3 回答

添加回答