[React] Router 컴포넌트에서 location.state 사용하여 자식컴포넌트로 state 전달

React Router 컴포넌트에서 자식컴포넌트로 state 전달

location.state를 활용하는 방식임.
네비게이션 메뉴를 표시하는 부분의 Link 또는 NavLink의 to 속성을 다음과 같이 지정하면 하위 컴포넌트에서 받아쓸 수 있음.
[상위 Router 컴포넌트의 Link 태그]
username:this.state.username}}}>하위 컴포넌트


[하위 컴포넌트 클래스의 componentDidMount 이벤트핸들러]
하위 컴포넌트에서는 다음 예제처럼 전달받은 데이터에 접근 가능

  componentDidMount: function() { 
    var recievedMessage = this.props.location.state.username 
  },