如何在React中使用url打开特定页面中的特定模式？

Question

我使用“ react-router-modal”，并且效果很好。当我单击链接时，模态将正确显示，并在浏览器的地址栏中显示其新路径。

class MainComponent extends Component {
    render(){
        return(
            <section>
                <BrowserRouter>
                    <div>
                        <ModalLink path='/foo' component={FooModal}>
                            Say Hello
                        </ModalLink>
                        <ModalContainer/>
                    </div>
                </BrowserRouter>
            </section>
        )
    }
}

class FooModal extends Component{

    render(){
        return(
            <div>Foo modal says hi!</div>
        )
    }
}

我也将此亚麻布添加到routes.js文件中。

<ModalRoute path="/foo" parentPath="/" component={FooModal}/>

但反之亦然。 这意味着当我输入路径时，显示此模式已打开的页面，但仅显示空白页面。