盖茨比中的链接修复

Question

我正在使用以下代码在页面之间进行链接

<Link to={{
              pathname: "/login",
              search: redirect
            }}>Login</Link>

当我尝试链接时，链接显示为localhost:8000/[Object Object]。我是否正确使用Link？

Answer 1

那是因为您要将对象传递给to属性。它必须是一个字符串，指示您打算导航到的路线。

尝试：

<Link to="/login">Login</Link>

查看Gatbsy Link API以获得有关其属性的更多信息。

Answer 2

<Link to="/login" />需要一个字符串。您传递的对象不是可行的选择。请参阅到达路由器documentation，该路由器由盖茨比实现为盖茨比链接。

您可以为search: redirect传递状态。这里是到达路由器文档中的示例：

const NewsFeed = () => (
  <div>
    <Link
      to="photos/123"
      state={{ fromNewsFeed: true }}
    />
  </div>
)