在 Office ui 结构 React 中替代具有多行的 TextField

Question

我在 spfx（react js 框架）中的表单上使用了 office ui-Fabric React 控件。但我没有在 office ui fabric 中找到任何 textarea 控件。

在我的 sharePoint 列表中有一列属于“增强的富文本（多行文本）”类型。因此，在从该字段中获取数据并将其显示到我的<Textfield> 控件中时，数据会与<div> 标记一起出现。

所以我正在为 textarea 字段寻找办公室 ui 结构中的一些替代方案，它可以处理这种增强的富文本字段数据。

目前我使用多行Textfield控件，但它是一种纯文本控件。

<TextField multiline autoAdjustHeight value='Value here' name="textareaField" />

当前行为： 它在控制中显示如下内容：

<div class='Ext66626FGSh'>Actual data here</div>

预期行为：从增强的富文本字段检索的数据应该出现在控件中，没有任何 html 标记。 只喜欢：

此处为实际数据

Answer 1

您可以使用 PnP SPFx Controls 中的 RichText 组件：它将解析 SharePoint 富文本字段。