隐藏组件与动态urls变化的反应？
隐藏组件与动态urls变化的反应？
提问于 2022-06-05 04:29:41
我正在努力隐藏从各种组件呈现页面的组件。下面是包含各种组件的呈现页面的示例。
当url更改时，如何隐藏组件，以及为动态url隐藏组件的最佳方法是什么？
import React, { Component } from 'react';
import all the compoent A, B AND C
class App extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (
<div>
<Component A/>
<Component B/>
<Component C/>
</div>
);
}
}
export default App;我已经到了可以用以下方法隐藏组件的地步
1.方法，该方法使用if else语句。
if(condition)
{
render{}
else{
render{}
}#2。根据我想要的条件使用张量运算符
常用的解决方案是window.location.href -用我想要的url字符串检查字符串，然后使用if else。
有谁能引导一个更好的方法来隐藏组件，同时用url修改呈现并使其更加可配置呢？
回答 2
Stack Overflow用户
发布于 2022-06-05 04:34:18
最好使用React路由器https://reactrouter.com/。他们的网站上有一个易于遵循的教程，它将告诉你如何根据URL动态显示不同的组件。
Stack Overflow用户
发布于 2022-06-05 04:55:56
而不是基于条件的if else
可以根据特定的url目的地呈现组件。
例如：
<Route path="/" element={<App />}>
<Route path="sales" element={<Sales />}>
<Route path="invoices" element={<Invoices />}>
<Route path=":invoice" element={<Invoice />} />
</Route>
</Route>
</Route>用于以下网站。关注网站网址
要快速启动，请遵循：https://reactrouter.com/docs/en/v6/getting-started/overview
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72504800
复制相关文章
相似问题
腾讯云开发者
