Question

我无法通过react-router传递参数，当我将其作为路由器=>

时，出现类型错误，提示this.props.match未定义

const App = () =>
<Router>
<div className="app">

  <Navigation />
  <Jumbotron>
  <hr/>
  <Route exact path={"/players/:name"} component={PlayerPage} />
  <hr/>
  </Jumbotron>

</div>
</Router>
export default withAuthentication(App);

然后在页面上执行

class PlayerPage extends Component {
constructor(props) {
    super(props);
}

componentDidMount() {
    console.log(this.props.match.params.name);

我已经浏览了该站点，每个回答都说要执行上述操作以通过路由器传递信息。当我导航到页面/ players / Bob时，componentDidMount（）中的所有内容均不依赖this.props.match.param.name加载。

错误： TypeError：this.props.match未定义

如何使this.props.match.param.name具有字符串“ Bob”？

反应路由器传递信息

0 个答案: