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

Question

我是反应和打字稿的新手，我有一个DupNavLink组件，它创建了NavLink数组。还有一个接口faceNavLink，可用于在地图中键入对象。

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

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

Answer 1

我认为您不需要在faceNavLink界面中定义所有这些值。 您可以仅扩展NavLinkProps提供的接口react-router-dom并通过您的更改对其进行扩展。

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

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

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

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