2017-03-21 23 views
1

我想Facebook的留言我們從插件Messenger平臺整合: https://developers.facebook.com/docs/messenger-platform/plugin-reference/message-us的問題做出響應的應用程序

..using陣營

這是我使用的HTML。

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

我得到這樣的警告作出反應:在此請求

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. 有沒有可能是第一次警告觸發第二個錯誤?
+1

您是否嘗試過使用這些屬性的HTML5兼容自定義數據屬性版本?該文檔只明確提到'data-color'和'data-size' - 但如果對其他插件參數的工作方式不同,我會感到很驚訝。 Facebook的大多數社交插件都支持將參數作爲data-xy屬性傳遞。 – CBroe

+0

有道理,'messenger_app_id'和'page_id'不是有效的HTML屬性。 React不知道如何處理它們。這聽起來像是Facebook開發者論壇上應該提出的一個問題。 –

+0

@CBroe感謝隊友!它正在工作:)請將其添加爲答案。 –

回答

2

嘗試使用這些屬性的HTML5兼容自定義數據屬性版本。

該文檔僅明確提及data-colordata-size - 但如果對其他插件參數的工作方式不同,我會感到驚訝。 Facebook的大多數社交插件都支持將參數作爲data-xy屬性傳遞。

而根據React文檔錯誤消息指出,React應該可以使用自定義數據屬性。