javascript - 在 React 应用程序中使用 Facebook Messenger 按钮的问题

Question

我正在尝试从 Messenger 平台集成 Facebook 的 Message Us 插件: https://developers.facebook.com/docs/messenger-platform/plugin-reference/message-us

..使用 React

这是我正在使用的 html。

<div
  className="fb-messengermessageus"
  messenger_app_id="123"
  page_id="123"
  color="white"
  size="standard"
/>

我收到这个 React 警告:

Warning: Unknown props `messenger_app_id`, `page_id` on <div> tag. Remove these props from the element. For details, see https://fb .me/react-unknown-prop

以及此请求的错误 500:

sdk.js:87 GET https://www.facebook.com/v2.8/plugins/messengermessageus.php?app_id=1137113…tion%3Dparent.parent&color=white&container_width=690&locale=en_US&sdk=joey 500 ()

1. 第一个警告是否可能触发第二个错误？

Answer 1

尝试使用这些属性的 HTML5 兼容自定义数据属性版本。

文档仅明确提及 data-color 和 data-size - 但如果其他插件参数的工作方式不同，我会感到很惊讶. Facebook 提供的大多数社交插件都支持将参数作为 data-xy 属性传递。

并且根据错误消息所指的 React 文档，React 应该可以使用自定义数据属性。