reactjs - 如何在 react 状态下将 HTML 存储为对象属性的值？

Question

我的 FAQ 组件中有这个状态:

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

我在 render 方法中循环以显示每个 FAQ 集。但是，我的“答案”属性需要包含 <p></p>标签如:

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

我如何在 React 中实现这一点？

Answer 1

只需用 Fragments 包裹它。

{
    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>
}