TIL. route success!

Today I learn

Footer component is disappear in exact component!

바로 아래글에서 Switch 를 사용하지않고 div 안에 묶어서 route를 render할때 조건을 줘서 성공하는 방법을 사용했는데 생각해보니 엄청 간단하게 구현이 될거같은 느낌적인 느낌이 들었다. 그리고 성공했다 무척이나 간단하게 ...

애초에 Routes component안에서 작업하고 조건을 주는게 좀 걸린다면 Footer component안에서 render 할때 조건을 주면 아주 간단히 해결될 문제가 아니겠는가...

class Footer extends Component {
  render() {
    return (
      this.props.location.pathname !== '/evaluating' && (
      // ## Footer 내용! ## 
      )}

그대신 이방법을 사용하고 싶다면 꼭 react-router-dom 에서 withRouter를 import해서 사용해야한다 물론 export default 할때도 밑에 써줘야한다. 그래야 this.props.location 속성이 undefinded 안난다.