Javascript 使用TypeScript响应路由器最佳实践

我有一个简单的react应用程序，包含2个视图、列表和详细信息，它是用TypeScript编写的

我偶然发现了一些问题/争议，并想在此询问最佳实践：

第一期：

<Router>
    <Switch>
        <Route exact path="/"><ProductsList /></Route>
        <Route exact path="/:id"><ProductDetails /></Route>
    </Switch>
</Router>

是否有另一种方法可以将数据从父级传递到子级，因为使用这种方法我需要从道具中提取所需的数据，如下所示：

const-product:product=props.location.state

，我更喜欢使用更多的TypeScript方法

提前谢谢

只需在

ProductDetails

内部使用即可获得

id

。您需要从该组件的

Props

中删除

id

。关于你的第二期：很好。但当产品从

const-Product:Product=props.location.state

为

未定义时，请确保重定向回“产品列表”。
<Link to={{
    pathname: `/${product.id}`,
    state: product
}}>