React에서 Twitter 타임 라인을 포함하는 방법

2749 단어 React

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
  • 좋은 웹페이지 즐겨찾기