React componentDidMount 没有触发

Question

我在 React 中有以下路线：

<Route
    path={`${this.props.match.path}horoskop`}
    render={() => <HoroscopeController
        horoscopeService={this.horoscopeService}
        fortuneTellerService={this.fortuneTellerService}/>}/>

和以下控制器：

class HoroscopeController extends React.Component {
    constructor(props) {
        super(props);

        console.log("hejhej");
    }

    componentDidMount() {
        console.log("testing);
    }

    render() {
        ...
    }
}

我总是在控制台中看到“hejhej”（来自构造函数），当我转到 http://localhost:3000/horoskop 时，我在控制台中看到“testing”，但当我转到 http://localhost:3000/horoskop/vattumannen 时却没有。我曾尝试在隐身浏览器中直接进入子路径，但它没有帮助。有什么想法吗？

Answer 1

在路径定义的路径末尾添加一个星号，如下所示：

path={`${this.props.match.path}horoskop*`}