ReactRouter:如何访问组件中的路由参数

安东

在我的Web项目中,我尝试访问路由参数。

定义路线:

<Route path="/meeting/:id">
    <MeetingDetails />
</Route>

组件已加载,但由于this.props.match未定义,我无法访问路由参数如何访问路线参数id

import React from "react";

export default class MeetingDetails extends React.Component {

    constructor(props) {
        super(props);

        console.log(this.props.match);
    }


    render() {
        return (
            <div>
                Details
            </div>
        );
    }
}
    
使莫里斯

你应该设置component的道具<Route>给你的<MeetingDetails>组件:

<Route path="/meeting/:id" component={MeetingDetails}/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从组件外部访问路由参数?

来自分类Dev

如何在nextjs中的getInitialProps stateles组件中访问路由器参数

来自分类Dev

React.js 如何从函数组件访问路由器链接 URL 中的参数?

来自分类Dev

如何在JSX中访问路由器参数?

来自分类Dev

当Vue中的路由参数发生变化时访问`from`组件

来自分类Dev

如何直接访问Joomla组件中的默认参数值?

来自分类Dev

如何在Angular 7中的路由保护子句中访问路由参数?

来自分类Dev

无法访问路由参数(功能组件)

来自分类Dev

如何访问不在路由器列表中的组件中的历史记录?

来自分类Dev

当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

来自分类Dev

如何在Aurelia自定义组件中获取路由参数

来自分类Dev

ReactRouter 将渲染组件路由到容器元素

来自分类Dev

如何访问Sender参数引用的组件的属性(触发事件的组件)

来自分类Dev

如何在React Router中从app.js访问组件参数

来自分类Dev

在React Navigation 5.0中,如何访问传递给基于类的组件的参数?

来自分类Dev

如何从子组件中访问 react-router-redux URL 参数?

来自分类Dev

在Vue Router中根据路由参数加载不同的组件

来自分类Dev

在Slim 4中访问中间件中的路由参数

来自分类Dev

如何在快速路由中访问ajax获取调用参数

来自分类Dev

如何清除Angular 5中的路由参数

来自分类Dev

正在访问根组件中的路由数据,路由数据为空

来自分类Dev

从另一个组件反应路由器访问参数

来自分类Dev

Angular 2新路由器:如何获取子组件的路由器参数?

来自分类Dev

访问子组件中的父组件变量(ng-view嵌套路由)

来自分类Dev

访问子组件中的父组件变量(ng-view嵌套路由)

来自分类Dev

如何在React组件中访问JSON?

来自分类Dev

组件应如何访问商店中的数据?

来自分类Dev

如何从JavaFX中的SceneBuilder访问UI组件

来自分类Dev

如何访问在父模块中声明的组件

Related 相关文章

  1. 1

    如何从组件外部访问路由参数?

  2. 2

    如何在nextjs中的getInitialProps stateles组件中访问路由器参数

  3. 3

    React.js 如何从函数组件访问路由器链接 URL 中的参数?

  4. 4

    如何在JSX中访问路由器参数?

  5. 5

    当Vue中的路由参数发生变化时访问`from`组件

  6. 6

    如何直接访问Joomla组件中的默认参数值?

  7. 7

    如何在Angular 7中的路由保护子句中访问路由参数?

  8. 8

    无法访问路由参数(功能组件)

  9. 9

    如何访问不在路由器列表中的组件中的历史记录?

  10. 10

    当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

  11. 11

    如何在Aurelia自定义组件中获取路由参数

  12. 12

    ReactRouter 将渲染组件路由到容器元素

  13. 13

    如何访问Sender参数引用的组件的属性(触发事件的组件)

  14. 14

    如何在React Router中从app.js访问组件参数

  15. 15

    在React Navigation 5.0中,如何访问传递给基于类的组件的参数?

  16. 16

    如何从子组件中访问 react-router-redux URL 参数?

  17. 17

    在Vue Router中根据路由参数加载不同的组件

  18. 18

    在Slim 4中访问中间件中的路由参数

  19. 19

    如何在快速路由中访问ajax获取调用参数

  20. 20

    如何清除Angular 5中的路由参数

  21. 21

    正在访问根组件中的路由数据,路由数据为空

  22. 22

    从另一个组件反应路由器访问参数

  23. 23

    Angular 2新路由器:如何获取子组件的路由器参数?

  24. 24

    访问子组件中的父组件变量(ng-view嵌套路由)

  25. 25

    访问子组件中的父组件变量(ng-view嵌套路由)

  26. 26

    如何在React组件中访问JSON?

  27. 27

    组件应如何访问商店中的数据?

  28. 28

    如何从JavaFX中的SceneBuilder访问UI组件

  29. 29

    如何访问在父模块中声明的组件

热门标签

归档