ReactでTwitterタイムラインを埋め込む方法

react-twitter-widgetsをインストール

npm install react-twitter-widgets

Reactでの使い方

hello.jsx

import React from 'react';
import { Timeline } from 'react-twitter-widgets';

const HelloPage = () => {
  return (
      <main>
        <Timeline
          dataSource={{
            sourceType: 'profile',
            screenName: 'maiamea' // アカウント名
          }}
          options={{
            height: '800'
          }}
        />
      </main>
  )
}

export default HelloPage

結果

以下のように表示される。

参考サイト

• GatsbyブログにTwitterのタイムラインを表示してみる
• GitHub - andrewsuzuki/react-twitter-widgets