React에서 페이스북 로그인 사용하기

React에서 페이스북 로그인을 사용 할 때 react-facebook-login 라는 간단한 라이브러리가 있다.

깃허브 페이지에 설명을 보면 굉장히 간단하게 페이스북 로그인을 구현 할 수 있다.

설치

#> yarn add react-facebook-login

사용방법

# container.js

_handleFacebookLogin = response => {    // presenter에 props로 전달
   console.log(response);
}

# presenter.js

<FacebookLogin
   appId="1563531103731025"  // facebook developer 페이지에 생성한 앱의 아이디
   autoLoad={false}
   fields="name,email,picture"    // 페이스북에서 가져올 필드
   cssClass={formStyles.facebookLink}    // 사용할 스타일
   callback={props.handleFacebookLogin}    // 콜백함수 지정( container에 생성 )
   icon="fa-facebook-square"        // 아이콘 지정
   textButton={context.t('Log in with Facebook')}    // 버튼에 표시할 텍스트
/>