2017-03-21 7 views
1

に反応: https://developers.facebook.com/docs/messenger-platform/plugin-reference/message-usの問題は、私はメッセンジャーのプラットフォームからFacebookのメッセージ問い合わせプラグインを統合しようとしていますアプリ

..usingこれは私が使用していますhtmlです

を反応します。また

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エラー:

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

私はこれは警告が反応を受ける

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. それは最初の警告は、2番目のエラーをトリガーすることは可能ですか?
+1

これらの属性のHTML5と互換性のあるカスタムデータ属性バージョンを使用してみましたか?ドキュメントは 'data-color'と' data-size'を明示的にしか記述していませんが、他のプラグインパラメータと同じように動作しないのであれば、私はむしろ驚いています。 Facebookのソーシャルプラグインのほとんどは、パラメータをdata-xy属性として渡します。 – CBroe

+0

'messenger_app_id'と' page_id'は有効なHTML属性ではありません。リアクションは彼らと何をするべきか分からない。これはFacebook Developersフォーラムで提起されるべき問題のようです。 –

+0

@CBroeありがとうございました!それは働いています:)答えとして追加してください。 –

答えて

2

これらの属性のHTML5と互換性のあるカスタムデータ属性バージョンを使用してください。

ドキュメントには、data-colordata-sizeが明示されていますが、他のプラグインパラメータと同じ方法で動作しないと、私はむしろ驚くでしょう。 Facebookのソーシャルプラグインのほとんどは、パラメータをdata-xy属性として渡します。

Reactのドキュメントによれば、エラーメッセージには、「Reactはカスタムデータ属性でうまくいくはずです。

関連する問題