React - ReactHtmlParser 返回一个 [object Object]

Question

我正在使用 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 标签不起作用

Answer 1

这将像魅力一样发挥作用。

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

实际上，ReactHtmlParser 认为{one}是一个 javascript 对象，为了将其值发送到 html 代码，我们需要使用${...}类似的语法转换其值。