React Quill 文本编辑器用双引号渲染数据

Question

我正在使用 React Quill 文本编辑器将数据保存到数据库中。我面临的问题是当我检索它用“”（双引号）呈现的保存数据时。

例如：数据保存如下：

<p>Pick up from other emirates is available at an extra charge.</p>

但是它是这样用双引号渲染的：

"<p>Pick up from other emirates is available at an extra charge.</p>"

这是截图：

使用 ReactQuill 文本编辑器，如下所示：

<ReactQuill 
    theme="snow" 
    style={{ height: "100px" }} 
    id="pickup"
    value={pickup} onChange={setPickup} />

像这样渲染数据：

<div className='col-12'> {values.pickup} </div>

谢谢

Answer 1

要通过变量渲染 html，您应该使用angerouslySetInnerHTML。有关更多信息，您可以阅读：https://react.dev/reference/react-dom/components/common#dangerously-setting-the-inner-html