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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React - ReactHtmlParser 返回一個 [object Object]

React - ReactHtmlParser 返回一個 [object Object]

SMILET 2023-10-14 18:11:07
我正在使用 ReactHtmlParser 并返回字符串作為 html 標簽JavaScript_Lessons_Objects.jsfunction JavaScriptLessonObject() {    const one = "Robby ";        return (        [            {                title: [<div><p className={jsStyle.title}>Overview</p></div>],            },            {                titleName: "JS Output",                iconName: faDotCircle,                description: [                    <span className={jsStyle.yourClass}>{one}</span>,                    `<p> advanced diverted domestic sex repeated bringing you old. </p>`                ],            },        ]    );}課程.jsx<div className={less.description}>    <p>        {            ReactHtmlParser(this.props.lesson[this.state.indexDescription]["description"])        }    </p></div>請注意,除了該行之外,我使用<span className={jsStyle.yourClass}>{one}</span>它采用名稱“Robby”的質量,但我得到的不是名稱 [object Object],https://ibb.co/GWGWMZ2 但是當我刪除 ReactHtmlParser 即this.props.lesson[this.state.indexDescription]["description"]我獲取名稱https://ibb.co/6b3YVzc但正如您所理解的,該行內的 html 標簽不起作用
查看完整描述

1 回答

?
隔江千里

TA貢獻1906條經驗 獲得超10個贊

這將像魅力一樣發揮作用。

`<span className={jsStyle.yourClass}>${one}</span>`

實際上,ReactHtmlParser 認為{one}是一個 javascript 對象,為了將其值發送到 html 代碼,我們需要使用${...}類似的語法轉換其值。


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 175 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號