typescript - 不可分配给类型 'LocationDescriptor | ((location: Location) => LocationDescriptor)'

Question

这是我的代码

14      <NavLink
15        to={{
16          pathname: `/confirmMail`,
17          user: { email, nickName },
18        }}
19      >
20       {"Confirm Email"}
21     </NavLink>

在第 17 行我得到错误

Type '{ pathname: string; user: { email: string; nickName: string; }; }' is not assignable to type 'LocationDescriptor | ((location: Location) => LocationDescriptor)'.Object literal may only specify known properties, and 'user' does not exist in type 'LocationDescriptorObject | ((location: Location) => LocationDescriptor)'.

Answer 1

user 不是 to 对象中的有效属性。如果你想将信息传递给下一个路由，你应该使用 state 属性，或者通过查询参数传递它。以下是使用 state 属性的示例:

<NavLink
  to={{
    pathname: `/confirmMail`,
    state: { user: { email, nickName } },
  }}
>
  {"Confirm Email"}
</NavLink>

这是 documentation for NavLink (它从 Link 扩展而来，Link 是实现 to 属性的组件)。