如何在反应状态下将 HTML 存储为对象属性的值？

Question

我的常见问题解答组件中有这样的状态：

this.state = {
            faqs: [
                {
                    question: "Some question string",
                    answer: "Some answer string"
                },
                {
                    question: "Some question string",
                    answer: "Some answer string"
                }
            ]
        };

我在渲染方法中循环以显示每个常见问题解答集。但是，我的“answer”属性需要包含<p></p>标签，如下所示：

{
   question: "Some question string",
   answer: "<p>Some answer string</p> <p>Some answer string</p>"
}

我如何在反应中实现这一目标？

Answer 1

只需用 Fragment 包裹它即可。

{
    question: "Some question string",
    answer: <><p>Some answer string</p> <p>Some answer string</p></>
}

或与此

{
    question: "Some question string",
    answer: <React.Fragment><p>Some answer string</p> <p>Some answer string</p></React.Fragment>
}