React history

History

• 원하는 라우터로 이동할 수 있음
• React Router v4는 다르게 사용됨
• 현재 설명하는 버전은 v4 기준

Move to the desired path

gotoLogin() {
 const { history } = this.props;
 history.push('/login');
}

<button onClick={_=>history.push('/login')}>로그인<button>
// 아래와 위의 액션은 동일하다.

Move backward

gotoBack() {
const { history } = this.props;

history.goBack();
}

<button onClick={_=>history.goBack()}>뒤로가기<button>
// 아래와 위의 액션은 동일하다.

Event Function Handler

• onClick: jSX에서 this.handleClick() 이렇게 사용하지 않는다. 이렇게 사용하게 되면 렌더링할 때마다 실행된다.