有孩子路线使用父道具反应

Question

我有一个React应用程序，其中包含有关让用户创建，编辑和查看所有作业的作业的详细网站。

从查看所有作业表中，用户可以查看有关一个作业的详细信息，该作业路由到路径jobs /：id

ByteBuffer

此视图将重用主要作业Component中的许多计算属性。有没有办法可以将主要作业组件中的道具传递给jobs /：id路径？

我能想到的一个选择是在上面的链接中提供它，但是当用户直接在URL中输入路径时，这个选项将不起作用。

我在主App.js文件中定义了我的路径

<Link to={{ pathname: `/jobs/${props.id}` }}>View</Link>

Answer 1

您可以使用此方法代替在路线中呈现Viewjob

    const viewjob = ({match}) => (
            <h>{match.params.id}</h>
)
export default viewjob 

然后将console.log放在此viewjob组件中，以获取match参数的详细信息

    const Catgeory = ({match}) => console.log('match parameteres is : ' , match )(
            <h>{match.params.id}</h>
)
export default Catgeory