使用React动态路由时,如何得到路由里的参数呢?比如下面URL里的变量id。
1 |
.../api/user/:id |
结合Typescript,你的React Component需要这样
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
import { RouteComponentProps } from 'react-router-dom'; interface RouteParam { id?: string } interface ComponentProps extends RouteCompoentProps<RouteParam> { //... } class UserComponent extends React.Component<ComponentProps> { render() { return <h1>this.props.match.params.id</h1> } } |
这样,在Component里就可以访问id变量了。