読者です 読者をやめる 読者になる 読者になる

react-social-sharebuttons(Facebook) 日本語ドキュメント

react-social-sharebuttons(Facebook)

Simple React components for Facebook Button.

インストール

npm install --save react-social-sharebuttons

使用例

import { FacebookButton } from 'react-social-sharebuttons';

class App extends React.Component {
  render() {
    const url = 'http://uraway.hatenablog.com';
    const layout = 'box_count';

    return (
      <FacebookButton url={url} showFaces={false} />
    );
  }
}

以下は任意の設定です。 必要に応じて追加してください。

オプション 説明
url シェアするURL: window.location(デフォルト)
layout レイアウト: standard(デフォルト), box_count, button_count, button
action ボタンアクション: like(デフォルト), recommended
showFaces 許可するとユーザーがフレンドの顔を見ることができます
share 許可するとシェアボタンが表示されます

サンプル

layout: button_count, share: true

layout: standard

layout: button_count

action: recommended