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 ()

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

Answer 1

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

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

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

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

1 个答案: