Today I learn
바로 아래글에서 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 안난다.