React - ReactHtmlParser 返回一个 [object Object]

Question

我正在使用 ReactHtmlParser 并返回字符串作为 html 标签

JavaScript_Lessons_Objects.js

function 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&nbsp;className={jsStyle.yourClass}>${one}</span>`实际上，ReactHtmlParser 认为{one}是一个 javascript 对象，为了将其值发送到 html 代码，我们需要使用${...}类似的语法转换其值。