Javascript 如何在一个React JS视图中禁用页脚而不创建新布局？

我有大约20个视图使用相同的布局。现在我需要1页不使用页脚。我的第一个想法是创建一个新的布局，但这似乎不是一个好方法

布局

const App = () => (
    <div className="full-container">
            <Router history={Router}>
                <Main>
                   <STUFF HERE>
                </Main>
            </Router>
            <Footer/>
        </div>
);

但这使它在任何地方都失去了功能

---

执行此操作的标准方法是什么？

您可以使用条件呈现，特别是使用逻辑&&运算符的内联呈现。只需将布局更改为：

const App = () => (
  <div className="full-container">
    <Router history={Router}>
      <Main>
        <STUFF HERE>
      </Main>
    </Router>
    {location.pathname !== “URL path where you don’t want to see footer” && <Footer/>}
  </div>
);

const-App=（）=>(
{location.pathname！==“您不想看到页脚的URL路径”&&}
);

---

更多关于条件渲染的信息，希望它能有所帮助。

我认为，你可以通过检查该视图的路由，将条件放在应用程序组件中的页脚上，如果该路由匹配，则跳过页脚的渲染。这是如何做到的？试过了，说比赛还没确定。所以它把它看作组件，而不是我的组件。你能给我举一个例子吗？这在

位置时效果不太好。路径名

不是React托管状态

render() {
        return (
            <footer>
                <img alt="footer logo" className="footer-logo" src="imgsurl"/>
            </footer>
        );
    }
}

document.getElementByClassName(...)

const App = () => (
  <div className="full-container">
    <Router history={Router}>
      <Main>
        <STUFF HERE>
      </Main>
    </Router>
    {location.pathname !== “URL path where you don’t want to see footer” && <Footer/>}
  </div>
);