javascript - 如何根据路由有条件地渲染特定的 html 部分

Question

我在这个项目中使用 React。

我的网站上有一个帮助部分，该帮助部分包含大约 50 多篇文章。如果您转到/help-open-account，我想呈现一些html，如果我转到/fraud，我想显示不同的html 它都是动态内容，因此它使用相同的 js 文件，因此我想根据链接进行渲染。

我知道如何使用条件语句，但如何使用当前网址作为语句，例如 path="/(?!help--lostMyCard)" 如果当前位于该网址上然后渲染此内容而不是 x 内容。

app.js 文件具有以下代码 ->

<BrowserRouter>
    <Switch>
       <Route path="/" exact component={HelpSupport} />
       <Route to="/help-articles" component={HelpArticles} />
    </Switch>
</BrowserRouter>

上面的代码是有条件渲染内容的唯一方法吗？由于这是渲染完整的组件，因此我想有条件地渲染其中的子组件。

只是为了澄清，我知道如何使用路由等，但这不是问题，问题是当您在组件中时，例如您在帮助组件中，我可以根据我的条件有条件地渲染内容吗？路线，如果是的话怎么走？

所以，如果我的路线是 X，但如果我的路线是 Y，那么我想渲染这个其他组件？

Answer 1

我看到您想要访问组件中的路由信息​​。

看来你要找的问题已经在这里解决了 How to get current route in react-router 2.0.0-rc5

欲了解更多信息 -有人可以通过此处的链接理解 https://reactjs.org/docs/conditional-rendering.html除了上面的 stackoverflow 链接之外，我还在此评论中提到了彻底解决此类问题的方法。