在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應該可以使用自定義數據屬性。