Block Update

Block Update

block update란 컴포넌트가 렌더링을 안 하는 것을 의미한다. 보통 Link를 통해 location을 바꿀 때마다 인식하길 원할 때 새롭게 바뀐 장소를 인지 못하면서 발생하는 버그다.

해결 방법은 컴포넌트에게 location을 알려주면 된다.

콘솔을 봐 보자.

router안에 location의 pathname을 prop할 수 있게 지정해 주면 된다.

const mapStateToProps = (state, ownProps)=>{

const { user, router: {location}} = state;

return{

isLoggedIn: user.isLoggedIn,

pathname:location.pathname,

};

};