React - <div> 标签上的未知道具 `page_id`。从元素中删除此道具

React - Unknown prop `page_id` on <div> tag. Remove this prop from the element

我正在将 Facebook 的 Customer Chat Plugin 整合到我的网站中。在说明中它说：

include a div with the following attributes in your HTML:
<div class="fb-customerchat"
 page_id="<PAGE_ID>"
 ref="<OPTIONAL_WEBHOOK_PARAM>">
</div>

当我这样做时（这是 React 版本）：

<div className="fb-customerchat"
 page_id="<PAGE_ID>"
 ref="<OPTIONAL_WEBHOOK_PARAM>">
</div>

...我从 React 收到此错误：Warning: Unknown proppage_idon <div> tag. Remove this prop from the element. For details, see https://reactjs.org/warnings/unknown-prop.html，客户聊天插件根本没有显示（我仍然可以找到 [= DOM 树中的 28=] 个元素）。
我做了一些搜索，似乎 React 无法识别自定义 page_id 属性。我尝试将其更改为 data-page_id，但没有用。
有没有人遇到同样的问题，你是如何解决的？

https://react-cn.github.io/react/docs/tags-and-attributes.html

页面 ID 似乎不受支持。尝试使用 classID 或 id

我发现客户聊天插件需要使用指定的参数将 HTML 元素插入到 DOM 中。使用 React，您永远不会传入原始 HTML，因此会出现错误消息。要解决此问题，您可以执行以下任一操作：
- 将 .fb-customerchat div 直接插入 HTML 或
- 使用这个包：https://github.com/Yoctol/react-messenger-customer-chat 这是 React

的解决方法