主页 / 问题 / 1010937
Accepted
Timur Musharapov
Asked:2020-08-07 14:10:19 +0000 UTC2020-08-07 14:10:19 +0000 UTC

React Router 获取子组件中的 props.match.params

  • 772

在 App.js 中

<Route exact path='/page/:id' component={Dashboard} />

在 Dashboard.js 中，我可以获取 id，但是如何在不每次都编写的情况下进一步获取它？

仪表板.js：

import React, { Component } from 'react'
import PokemonList from '../pokemon/PokemonList'

export default class Dashboard extends Component {
    render() {
        const id = this.props.match.params.id;

        return (
            <div >
                    <PokemonList id={id} />
            </div>
        )
    }
}

有没有更好的办法？然后我也必须继续转发它。

reactjs

1 个回答

  1. Best Answer

    自该react-router版本以来2.7，添加了一个更高阶的组件 ( HOC) - withRouter

    所有需要访问参数的组件，都包含在withRouter（更多）中-然后您将在道具中获得所需的内容

    ES7：

    @withRouter
class App extends ...

    ES6：

    class App extends ...

export default withRouter(App)
    • 1

相关问题