Question

我正在将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 prop page_id on <div> tag. Remove this prop from the element. For details, see https://reactjs.org/warnings/unknown-prop.html，客户聊天插件根本没有显示（我仍然可以在DOM树中找到HTML元素）。
我做了一些搜索，似乎React无法识别自定义page_id属性。我尝试将其更改为data-page_id但它没有帮助有没有人遇到过同样的问题，你是如何解决的？

Answer 1

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

看起来不支持页面ID。尝试使用classID或id

Answer 2

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

的变通方法

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

2 个答案: