TIL. route success!


Today I learn

Footer component is disappear in exact component!



以下の記事では,Switchではなく,divでルーティングをバインドして提示する際に条件を与えて成功する方法を用いており,考えてみると非常に簡単に実現できると感じた.しかも成功して、とても簡単に・・・
最初にRoutesコンポーネントで動作し、いくつかの条件を与えると、Footerコンポーネントでレンダリングするときに条件を与えるのは簡単な問題ではないでしょうか.
class Footer extends Component {
  render() {
    return (
      this.props.location.pathname !== '/evaluating' && (
      // ## Footer 내용! ## 
      )}
この方法を使用するにはreact-router-domにwithRouterをインポートする必要があります.もちろんexport defaultの場合も以下に書きます.そうしてこそそうなる.props.locationプロパティが見つかりません.