SNSシェアボタンの設置 1（react-share）

yarn add react-share

// 各ボタンと、対応するアイコンをimportする
import {
  FacebookShareButton,
  FacebookIcon,
  TwitterShareButton,
  TwitterIcon,
  EmailShareButton,
  EmailIcon,
} from 'react-share';

// 配置の仕方
        <TwitterShareButton　className={styles['post__footer-sns-twitter']} title={title + "\n"} via="kiotera_tech" url={url + slug}>
          <TwitterIcon size={32} round />
        </TwitterShareButton>
        <FacebookShareButton className={styles['post__footer-sns-facebook']} url={url + slug} quote={title}>
          <FacebookIcon size={32} round />
        </FacebookShareButton>
        <EmailShareButton className={styles['post__footer-sns-email']} subject={title} body={url + slug}>
          <EmailIcon size={32} round />
        </EmailShareButton>

  .post {
    &__footer {


      &-sns {
        &-twitter,
        &-facebook,
        &-email {
          display: inline-block; // 横並びになるよう指定
          margin-right: 10px;    // 右側余白を指定
        }
      }

    }

url: 'https://kioteratech.netlify.com',
↓
url: 'https://kioteratech.netlify.com/',