Question

我正在编写我的第一个React应用程序，我想使用Switch来显示与路线相对应的组件。其中一条路线使用参数。问题在于道具中缺少match属性，因此路线匹配似乎不起作用（未插入任何组件）。

当我尝试console.log this.props.match时，它会返回undefined。

import { Switch, Route } from 'react-router-dom';
import React, { Component } from 'react';
import Index from './Index';
import Debate from './Debate';

class App extends Component {
    
    componentDidMount() {
        console.log(this.props.match); // I get undefined
    }

    render() {
        return (
            <div className="App">
                <Switch>
                    <Route path="/debats" component={Index} />
                    <Route path="/debat/:debateSlug" component={Debate} />
                </Switch>
            </div>
        );
    }
}
export default withConfig(App);

我希望能够访问match属性，以便显示正确的组件。

Answer 1

添加到您的组件中

import {withRouter} from 'react-router-dom';

export default withRouter(withConfig(App));

为什么道具缺少火柴？

1 个答案: