数组中是否需要使用 NavLink、Interface？

Question

我是 react 和 typescript 的新手，我有一个 DupNavLink 组件，它创建了一个 NavLink 数组。还有一个接口faceNavLink 用于在地图中输入对象。

我需要faceNavLink 接口吗？如果是这样，我的界面结构应该如何？

这是我在代码框上的示例：https://codesandbox.io/s/x6l89n75o

Answer 1

我认为您不需要在faceNavLink 接口中定义所有这些值。 您只需扩展react-router-dom 提供的接口NavLinkProps 并根据您的更改进行扩展。

在您的Interface.tsx 中，您可以执行以下操作：

import { NavLinkProps } from 'react-router-dom';

export default interface faceNavLink extends NavLinkProps {
  readonly id: string;
}

在这种情况下，您将拥有来自 NavLink 的所有属性以及您的自定义 id: string。