在React-Router中将Modal渲染为路由

Question

我正在按照本教程here进行操作，确实可以将React Modal渲染为路线，但是每当我单击它时，它都会带我到另一个页面，在该页面中单击的页面内容未显示如示例所示。

在教程中，他们使用相同的代码，并且在后面显示了上一页的内容。

路线链接：

<Link
  className='signup'
  to={{
    pathname: "/signup",
    state: { modal: true }
  }}
>
  Signup
</Link>

组件：

  render() {
    const { state = {} } = this.props.location;
    const { modal } = state;
    const { errors } = this.state;

    const content = (Basic Form Inputs);

    if (modal) {
      return <Modal isOpen={true}>{content}</Modal>;
    } else {
      return <div className='main-content'>{content}</div>;
    }
  }