在我的最高父级组件
App
中,我像这样实现了我的路由:<GetCustomerData />
<Switch>
<Route path="/dashboard/:customerID" component={Dashboard} />
</Switch>
GetCustomerData
将客户数据作为包含客户ID的JSON负载数组获取。我们使用相应的ID导航到特定客户的Dashboard
组件。
我想设置一个路由,如果在URL中传递的客户ID在GetCustomerData
的JSON负载中不存在,则基本上引发404组件。
我已经看到一些教程说要做类似以下这样的事情:
<Route path="*" component={NotFound} />
但是这并没有真正检查URL中的customerID
参数。我该如何实现呢?
编辑: 在我的主要组件中,我已经配置了浏览器路由:
ReactDOM.render(
<BrowserRouter>
<div className="main">
<App />
</div>
</BrowserRouter>
,
document.getElementById('react-app')
);
GetCustomerData
中。由于if检查是在App
内完成的,您认为将有效载荷从GetCustomerData
发送到App
,然后进行检查是一个好主意吗? - blankface