Question

我有一个演示here

它是一个简单的应用程序，使用react-router-dom链接到两个页面，即首页和信息

在“信息”页面上，我还有两个链接。

我希望这些链接可以加载此页面上的链接下方的组件，这可以通过react-router来实现。

也可以将此链接添加到url，这样就类似于garr

这是做矿石的最佳方法吗？做另一种反应。

/info/infolinkone

Answer 1

让我知道这是否可以帮助您

import React from "react";
import { Link, Route, useRouteMatch } from "react-router-dom";

const Info: React.FC = () => {
  let { path, url } = useRouteMatch();
  return (
    <div>
      <h2>Info</h2>
      <ul>
        <li>
          <Link to={`${path}/linkone`}>Info Link One</Link>
        </li>
        <li>
          <Link>Info Link Two</Link>
        </li>
      </ul>

      <div>
        <Route exact path={`${path}/linkone`}>
          //here you load your component
        </Route>
      </div>
    </div>
  );
};

export default Info;

反应路由器，链接到组件并显示在URL中

1 个答案: