接口 NavLinkProps

interface NavLinkProps {
    about?: string;
    accessKey?: string;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?:
        | "none"
        | "list"
        | "inline"
        | "both";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?:
        | boolean
        | "time"
        | "true"
        | "location"
        | "page"
        | "step"
        | "false"
        | "date";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?:
        | "link"
        | "copy"
        | "none"
        | "execute"
        | "move"
        | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?:
        | boolean
        | "dialog"
        | "menu"
        | "true"
        | "false"
        | "grid"
        | "listbox"
        | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?:
        | boolean
        | "true"
        | "false"
        | "grammar"
        | "spelling";
    aria-keyshortcuts?: string;
    aria-label?: string;
    aria-labelledby?: string;
    aria-level?: number;
    aria-live?: "off" | "assertive" | "polite";
    aria-modal?: Booleanish;
    aria-multiline?: Booleanish;
    aria-multiselectable?: Booleanish;
    aria-orientation?: "horizontal" | "vertical";
    aria-owns?: string;
    aria-placeholder?: string;
    aria-posinset?: number;
    aria-pressed?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-readonly?: Booleanish;
    aria-relevant?:
        | "text"
        | "additions"
        | "additions removals"
        | "additions text"
        | "all"
        | "removals"
        | "removals additions"
        | "removals text"
        | "text additions"
        | "text removals";
    aria-required?: Booleanish;
    aria-roledescription?: string;
    aria-rowcount?: number;
    aria-rowindex?: number;
    aria-rowindextext?: string;
    aria-rowspan?: number;
    aria-selected?: Booleanish;
    aria-setsize?: number;
    aria-sort?:
        | "none"
        | "ascending"
        | "descending"
        | "other";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    autoCapitalize?: string;
    autoCorrect?: string;
    autoFocus?: boolean;
    autoSave?: string;
    caseSensitive?: boolean;
    children?: ReactNode | ((props: NavLinkRenderProps) => ReactNode);
    className?: string | ((props: NavLinkRenderProps) => undefined | string);
    color?: string;
    content?: string;
    contentEditable?: Booleanish | "inherit";
    contextMenu?: string;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    datatype?: string;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    dir?: string;
    discover?: DiscoverBehavior;
    download?: any;
    draggable?: Booleanish;
    end?: boolean;
    hidden?: boolean;
    hrefLang?: string;
    id?: string;
    inlist?: any;
    inputMode?:
        | "search"
        | "text"
        | "url"
        | "none"
        | "tel"
        | "email"
        | "numeric"
        | "decimal";
    is?: string;
    itemID?: string;
    itemProp?: string;
    itemRef?: string;
    itemScope?: boolean;
    itemType?: string;
    lang?: string;
    media?: string;
    nonce?: string;
    onAbort?: ReactEventHandler<HTMLAnchorElement>;
    onAbortCapture?: ReactEventHandler<HTMLAnchorElement>;
    onAnimationEnd?: AnimationEventHandler<HTMLAnchorElement>;
    onAnimationEndCapture?: AnimationEventHandler<HTMLAnchorElement>;
    onAnimationIteration?: AnimationEventHandler<HTMLAnchorElement>;
    onAnimationIterationCapture?: AnimationEventHandler<HTMLAnchorElement>;
    onAnimationStart?: AnimationEventHandler<HTMLAnchorElement>;
    onAnimationStartCapture?: AnimationEventHandler<HTMLAnchorElement>;
    onAuxClick?: MouseEventHandler<HTMLAnchorElement>;
    onAuxClickCapture?: MouseEventHandler<HTMLAnchorElement>;
    onBeforeInput?: FormEventHandler<HTMLAnchorElement>;
    onBeforeInputCapture?: FormEventHandler<HTMLAnchorElement>;
    onBlur?: FocusEventHandler<HTMLAnchorElement>;
    onBlurCapture?: FocusEventHandler<HTMLAnchorElement>;
    onCanPlay?: ReactEventHandler<HTMLAnchorElement>;
    onCanPlayCapture?: ReactEventHandler<HTMLAnchorElement>;
    onCanPlayThrough?: ReactEventHandler<HTMLAnchorElement>;
    onCanPlayThroughCapture?: ReactEventHandler<HTMLAnchorElement>;
    onChange?: FormEventHandler<HTMLAnchorElement>;
    onChangeCapture?: FormEventHandler<HTMLAnchorElement>;
    onClick?: MouseEventHandler<HTMLAnchorElement>;
    onClickCapture?: MouseEventHandler<HTMLAnchorElement>;
    onCompositionEnd?: CompositionEventHandler<HTMLAnchorElement>;
    onCompositionEndCapture?: CompositionEventHandler<HTMLAnchorElement>;
    onCompositionStart?: CompositionEventHandler<HTMLAnchorElement>;
    onCompositionStartCapture?: CompositionEventHandler<HTMLAnchorElement>;
    onCompositionUpdate?: CompositionEventHandler<HTMLAnchorElement>;
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLAnchorElement>;
    onContextMenu?: MouseEventHandler<HTMLAnchorElement>;
    onContextMenuCapture?: MouseEventHandler<HTMLAnchorElement>;
    onCopy?: ClipboardEventHandler<HTMLAnchorElement>;
    onCopyCapture?: ClipboardEventHandler<HTMLAnchorElement>;
    onCut?: ClipboardEventHandler<HTMLAnchorElement>;
    onCutCapture?: ClipboardEventHandler<HTMLAnchorElement>;
    onDoubleClick?: MouseEventHandler<HTMLAnchorElement>;
    onDoubleClickCapture?: MouseEventHandler<HTMLAnchorElement>;
    onDrag?: DragEventHandler<HTMLAnchorElement>;
    onDragCapture?: DragEventHandler<HTMLAnchorElement>;
    onDragEnd?: DragEventHandler<HTMLAnchorElement>;
    onDragEndCapture?: DragEventHandler<HTMLAnchorElement>;
    onDragEnter?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragEnterCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragExit?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragExitCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragLeave?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragLeaveCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragOver?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragOverCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragStart?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDragStartCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDrop?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDropCapture?: 拖拽事件处理函数<HTMLAnchorElement>;
    onDurationChange?: React 事件处理函数<HTML 锚元素>;
    onDurationChangeCapture?: React 事件处理函数<HTML 锚元素>;
    onEmptied?: React 事件处理函数<HTML 锚元素>;
    onEmptiedCapture?: React 事件处理函数<HTML 锚元素>;
    onEncrypted?: React 事件处理函数<HTML 锚元素>;
    onEncryptedCapture?: React 事件处理函数<HTML 锚元素>;
    onEnded?: React 事件处理函数<HTML 锚元素>;
    onEndedCapture?: React 事件处理函数<HTML 锚元素>;
    onError?: React 事件处理函数<HTML 锚元素>;
    onErrorCapture?: React 事件处理函数<HTML 锚元素>;
    onFocus?: 焦点事件处理函数<HTML 锚元素>;
    onFocusCapture?: 焦点事件处理函数<HTML 锚元素>;
    onGotPointerCapture?: 指针事件处理函数<HTML 锚元素>;
    onGotPointerCaptureCapture?: 指针事件处理函数<HTML 锚元素>;
    onInput?: 表单事件处理函数<HTML 锚元素>;
    onInputCapture?: 表单事件处理函数<HTML 锚元素>;
    onInvalid?: 表单事件处理函数<HTML 锚元素>;
    onInvalidCapture?: 表单事件处理函数<HTML 锚元素>;
    onKeyDown?: 键盘事件处理函数<HTML 锚元素>;
    onKeyDownCapture?: 键盘事件处理函数<HTML 锚元素>;
    onKeyPress?: 键盘事件处理函数<HTML 锚元素>;
    onKeyPressCapture?: 键盘事件处理函数<HTML 锚元素>;
    onKeyUp?: 键盘事件处理函数<HTML 锚元素>;
    onKeyUpCapture?: 键盘事件处理函数<HTML 锚元素>;
    onLoad?: React 事件处理函数<HTML 锚元素>;
    onLoadCapture?: React 事件处理函数<HTML 锚元素>;
    onLoadedData?: React 事件处理函数<HTML 锚元素>;
    onLoadedDataCapture?: React 事件处理函数<HTML 锚元素>;
    onLoadedMetadata?: React 事件处理函数<HTML 锚元素>;
    onLoadedMetadataCapture?: React 事件处理函数<HTML 锚元素>;
    onLoadStart?: React 事件处理函数<HTML 锚元素>;
    onLoadStartCapture?: React 事件处理函数<HTML 锚元素>;
    onLostPointerCapture?: 指针事件处理函数<HTML 锚元素>;
    onLostPointerCaptureCapture?: 指针事件处理函数<HTML 锚元素>;
    onMouseDown?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseDownCapture?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseEnter?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseLeave?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseMove?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseMoveCapture?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseOut?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseOutCapture?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseOver?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseOverCapture?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseUp?: 鼠标事件处理函数<HTML 锚元素>;
    onMouseUpCapture?: 鼠标事件处理函数<HTML 锚元素>;
    onPaste?: 剪贴板事件处理函数<HTML 锚元素>;
    onPasteCapture?: 剪贴板事件处理函数<HTML 锚元素>;
    onPause?: React 事件处理函数<HTML 锚元素>;
    onPauseCapture?: React 事件处理函数<HTML 锚元素>;
    onPlay?: React 事件处理函数<HTML 锚元素>;
    onPlayCapture?: React 事件处理函数<HTML 锚元素>;
    onPlaying?: React 事件处理函数<HTML 锚元素>;
    onPlayingCapture?: React 事件处理函数<HTML 锚元素>;
    onPointerCancel?: 指针事件处理函数<HTML 锚元素>;
    onPointerCancelCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerDown?: 指针事件处理函数<HTML 锚元素>;
    onPointerDownCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerEnter?: 指针事件处理函数<HTML 锚元素>;
    onPointerEnterCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerLeave?: 指针事件处理函数<HTML 锚元素>;
    onPointerLeaveCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerMove?: 指针事件处理函数<HTML 锚元素>;
    onPointerMoveCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerOut?: 指针事件处理函数<HTML 锚元素>;
    onPointerOutCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerOver?: 指针事件处理函数<HTML 锚元素>;
    onPointerOverCapture?: 指针事件处理函数<HTML 锚元素>;
    onPointerUp?: 指针事件处理函数<HTML 锚元素>;
    onPointerUpCapture?: 指针事件处理函数<HTML 锚元素>;
    onProgress?: React 事件处理函数<HTML 锚元素>;
    onProgressCapture?: React 事件处理函数<HTML 锚元素>;
    onRateChange?: React 事件处理函数<HTML 锚元素>;
    onRateChangeCapture?: React 事件处理函数<HTML 锚元素>;
    onReset?: 表单事件处理函数<HTML 锚元素>;
    onResetCapture?: 表单事件处理函数<HTML 锚元素>;
    onResize?: React 事件处理函数<HTML 锚元素>;
    onResizeCapture?: React 事件处理函数<HTML 锚元素>;
    onScroll?: UI 事件处理函数<HTML 锚元素>;
    onScrollCapture?: UI 事件处理函数<HTML 锚元素>;
    onSeeked?: React 事件处理函数<HTML 锚元素>;
    onSeekedCapture?: React 事件处理函数<HTML 锚元素>;
    onSeeking?: React 事件处理函数<HTML 锚元素>;
    onSeekingCapture?: React 事件处理函数<HTML 锚元素>;
    onSelect?: React 事件处理函数<HTML 锚元素>;
    onSelectCapture?: React 事件处理函数<HTML 锚元素>;
    onStalled?: React 事件处理函数<HTML 锚元素>;
    onStalledCapture?: React 事件处理函数<HTML 锚元素>;
    onSubmit?: 表单事件处理函数<HTML 锚元素>;
    onSubmitCapture?: 表单事件处理函数<HTML 锚元素>;
    onSuspend?: React 事件处理函数<HTML 锚元素>;
    onSuspendCapture?: React 事件处理函数<HTML 锚元素>;
    onTimeUpdate?: React 事件处理函数<HTML 锚元素>;
    onTimeUpdateCapture?: React 事件处理函数<HTML 锚元素>;
    onTouchCancel?: 触摸事件处理函数<HTML 锚元素>;
    onTouchCancelCapture?: 触摸事件处理函数<HTML 锚元素>;
    onTouchEnd?: 触摸事件处理函数<HTML 锚元素>;
    onTouchEndCapture?: 触摸事件处理函数<HTML 锚元素>;
    onTouchMove?: 触摸事件处理函数<HTML 锚元素>;
    onTouchMoveCapture?: 触摸事件处理函数<HTML 锚元素>;
    onTouchStart?: 触摸事件处理函数<HTML 锚元素>;
    onTouchStartCapture?: 触摸事件处理函数<HTML 锚元素>;
    onTransitionEnd?: 过渡事件处理函数<HTML 锚元素>;
    onTransitionEndCapture?: 过渡事件处理函数<HTML 锚元素>;
    onVolumeChange?: React 事件处理函数<HTML 锚元素>;
    onVolumeChangeCapture?: React 事件处理函数<HTML 锚元素>;
    onWaiting?: React 事件处理函数<HTML 锚元素>;
    onWaitingCapture?: React 事件处理函数<HTML 锚元素>;
    onWheel?: WheelEventHandler<HTMLAnchorElement>;
    onWheelCapture?: WheelEventHandler<HTMLAnchorElement>;
    ping?: string;
    placeholder?: string;
    prefetch?: PrefetchBehavior;
    prefix?: string;
    preventScrollReset?: boolean;
    property?: string;
    radioGroup?: string;
    referrerPolicy?: HTMLAttributeReferrerPolicy;
    rel?: string;
    relative?: RelativeRoutingType;
    reloadDocument?: boolean;
    replace?: boolean;
    resource?: string;
    results?: number;
    rev?: string;
    role?: AriaRole;
    security?: string;
    slot?: string;
    spellCheck?: Booleanish;
    state?: any;
    style?: CSSProperties | ((props: NavLinkRenderProps) => undefined | CSSProperties);
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    tabIndex?: number;
    target?: HTMLAttributeAnchorTarget;
    title?: string;
    to: To;
    translate?: "yes" | "no";
    type?: string;
    typeof?: string;
    unselectable?: "on" | "off";
    viewTransition?: boolean;
    vocab?: string;
}

层级结构

Omit<LinkProps, "className" | "style" | "children">
- NavLinkProps

索引

属性

about? accessKey? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? autoCapitalize? autoCorrect? autoFocus? autoSave? caseSensitive? children? className? color? content? contentEditable? contextMenu? dangerouslySetInnerHTML? datatype? defaultChecked? defaultValue? dir? discover? download? draggable? end? hidden? hrefLang? id? inlist? inputMode? is? itemID? itemProp? itemRef? itemScope? itemType? lang? media? nonce? onAbort? onAbortCapture? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onBeforeInput? onBeforeInputCapture? onBlur? onBlurCapture? onCanPlay? onCanPlayCapture? onCanPlayThrough? onCanPlayThroughCapture? onChange? onChangeCapture? onClick? onClickCapture? onCompositionEnd? onCompositionEndCapture? onCompositionStart? onCompositionStartCapture? onCompositionUpdate? onCompositionUpdateCapture? onContextMenu? onContextMenuCapture? onCopy? onCopyCapture? onCut? onCutCapture? onDoubleClick? onDoubleClickCapture? onDrag? onDragCapture? onDragEnd? onDragEndCapture? onDragEnter? onDragEnterCapture? onDragExit? onDragExitCapture? onDragLeave? onDragLeaveCapture? onDragOver? onDragOverCapture? onDragStart? onDragStartCapture? onDrop? onDropCapture? onDurationChange? onDurationChangeCapture? onEmptied? onEmptiedCapture? onEncrypted? onEncryptedCapture? onEnded? onEndedCapture? onError? onErrorCapture? onFocus? onFocusCapture? onGotPointerCapture? onGotPointerCaptureCapture? onInput? onInputCapture? onInvalid? onInvalidCapture? onKeyDown? onKeyDownCapture? onKeyPress? onKeyPressCapture? onKeyUp? onKeyUpCapture? onLoad? onLoadCapture? onLoadedData? onLoadedDataCapture? onLoadedMetadata? onLoadedMetadataCapture? onLoadStart? onLoadStartCapture? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onPaste? onPasteCapture? onPause? onPauseCapture? onPlay? onPlayCapture? onPlaying? onPlayingCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerEnterCapture? onPointerLeave? onPointerLeaveCapture? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onProgress? onProgressCapture? onRateChange? onRateChangeCapture? onReset? onResetCapture? onResize? onResizeCapture? onScroll? onScrollCapture? onSeeked? onSeekedCapture? onSeeking? onSeekingCapture? onSelect? onSelectCapture? onStalled? onStalledCapture? onSubmit? onSubmitCapture? onSuspend? onSuspendCapture? onTimeUpdate? onTimeUpdateCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionEnd? onTransitionEndCapture? onVolumeChange? onVolumeChangeCapture? onWaiting? onWaitingCapture? onWheel? onWheelCapture? ping? placeholder? prefetch? prefix? preventScrollReset? property? radioGroup? referrerPolicy? rel? relative? reloadDocument? replace? resource? results? rev? role? security? slot? spellCheck? state? style? suppressContentEditableWarning? suppressHydrationWarning? tabIndex? target? title? to translate? type? typeof? unselectable? viewTransition? vocab?

属性

`可选`about

about?: string

`可选`accessKey

accessKey?: string

`可选`aria-activedescendant

aria-activedescendant?: string

标识当 DOM 焦点在复合小部件、文本框、组或应用程序上时，当前活动的元素。

`可选`aria-atomic

aria-atomic?: Booleanish

指示辅助技术是否将基于 aria-relevant 属性定义的更改通知，呈现所有更改区域或仅呈现部分更改区域。

`可选`aria-autocomplete

aria-autocomplete?:
    | "none"
    | "list"
    | "inline"
    | "both"

指示输入文本是否可能触发显示一个或多个用户预期输入值的预测，并指定如果进行预测，将如何呈现预测。

`可选`aria-braillelabel

aria-braillelabel?: string

定义一个字符串值，用于标记当前元素，该值旨在转换为盲文。

参见

aria-label。

`可选`aria-brailleroledescription

aria-brailleroledescription?: string

定义一个人类可读的、作者本地化的缩写描述，用于元素的角色，该描述旨在转换为盲文。

参见

aria-roledescription。

`可选`aria-busy

aria-busy?: Booleanish

`可选`aria-checked

aria-checked?:
    | boolean
    | "true"
    | "false"
    | "mixed"

指示复选框、单选按钮和其他小部件的当前“选中”状态。

参见

aria-pressed
aria-selected。

`可选`aria-colcount

aria-colcount?: number

定义表格、网格或树状网格中的总列数。

参见

aria-colindex。

`可选`aria-colindex

aria-colindex?: number

定义元素在表格、网格或树状网格中相对于总列数的列索引或位置。

参见

aria-colcount
aria-colspan。

`可选`aria-colindextext

aria-colindextext?: string

定义 aria-colindex 的人类可读文本替代方案。

参见

aria-rowindextext。

`可选`aria-colspan

aria-colspan?: number

定义单元格或网格单元格在表格、网格或树状网格中跨越的列数。

参见

aria-colindex
aria-rowspan。

`可选`aria-controls

aria-controls?: string

标识其内容或存在由当前元素控制的元素（或多个元素）。

参见

aria-owns。

`可选`aria-current

指示元素在容器或一组相关元素中代表当前项。

`可选`aria-describedby

aria-describedby?: string

标识描述该对象的元素（或多个元素）。

参见

aria-labelledby

`可选`aria-description

aria-description?: string

定义一个字符串值，用于描述或注释当前元素。

参见

`可选`aria-details

aria-details?: string

标识为对象提供详细、扩展描述的元素。

参见

aria-describedby。

`可选`aria-disabled

aria-disabled?: Booleanish

指示元素是可感知的但已禁用，因此不可编辑或以其他方式操作。

参见

aria-hidden
aria-readonly。

`可选`aria-dropeffect

指示在放置目标上释放拖动对象时可以执行的功能。

已弃用

在 ARIA 1.1 中

`可选`aria-errormessage

aria-errormessage?: string

标识为对象提供错误消息的元素。

参见

aria-invalid
aria-describedby。

`可选`aria-expanded

aria-expanded?: Booleanish

指示元素或其控制的另一个分组元素当前是展开还是折叠状态。

`可选`aria-flowto

aria-flowto?: string

标识内容备选阅读顺序中的下一个元素（或多个元素），用户可以自行决定是否允许辅助技术覆盖文档源顺序中的一般默认阅读顺序。

`可选`aria-grabbed

aria-grabbed?: Booleanish

指示元素在拖放操作中的“抓取”状态。

已弃用

在 ARIA 1.1 中

`可选`aria-haspopup

指示可由元素触发的交互式弹出元素（例如菜单或对话框）的可用性和类型。

`可选`aria-hidden

aria-hidden?: Booleanish

指示元素是否向辅助功能 API 公开。

参见

aria-disabled。

`可选`aria-invalid

指示输入的值不符合应用程序期望的格式。

参见

aria-errormessage。

`可选`aria-keyshortcuts

aria-keyshortcuts?: string

指示作者已实现的用于激活元素或将焦点赋予元素的键盘快捷键。

`可选`aria-label

aria-label?: string

定义一个字符串值，用于标记当前元素。

参见

aria-labelledby。

`可选`aria-labelledby

aria-labelledby?: string

标识标记当前元素的元素（或多个元素）。

参见

aria-describedby。

`可选`aria-level

aria-level?: number

定义元素在结构中的层级级别。

`可选`aria-live

aria-live?: "off" | "assertive" | "polite"

指示元素是否将被更新，并描述用户代理、辅助技术和用户可以从活动区域期望获得的更新类型。

`可选`aria-modal

aria-modal?: Booleanish

指示元素在显示时是否为模态。

`可选`aria-multiline

aria-multiline?: Booleanish

指示文本框是否接受多行输入或仅接受单行输入。

`可选`aria-multiselectable

aria-multiselectable?: Booleanish

指示用户是否可以从当前可选择的后代中选择多个项目。

`可选`aria-orientation

aria-orientation?: "horizontal" | "vertical"

指示元素的朝向是水平、垂直还是未知/不明确。

`可选`aria-owns

aria-owns?: string

为了在 DOM 元素之间定义视觉、功能或上下文的父/子关系，当 DOM 层次结构无法用于表示该关系时，标识一个或多个元素。

参见

aria-controls。

`可选`aria-placeholder

aria-placeholder?: string

当控件没有值时，定义一个简短的提示（一个单词或短语），旨在帮助用户进行数据输入。提示可以是示例值或预期格式的简要描述。

`可选`aria-posinset

aria-posinset?: number

定义元素在当前列表项或树形项目集合中的编号或位置。如果集合中的所有元素都存在于 DOM 中，则不需要此属性。

参见

aria-setsize。

`可选`aria-pressed

aria-pressed?:
    | boolean
    | "true"
    | "false"
    | "mixed"

指示切换按钮的当前“按下”状态。

参见

aria-checked
aria-selected。

`可选`aria-readonly

aria-readonly?: Booleanish

指示元素不可编辑，但在其他方面可操作。

参见

aria-disabled。

`可选`aria-relevant

指示当活动区域内的可访问性树被修改时，用户代理将触发哪些通知。

参见

aria-atomic。

`可选`aria-required

aria-required?: Booleanish

指示在提交表单之前，元素上是否需要用户输入。

`可选`aria-roledescription

aria-roledescription?: string

定义元素角色的可人工阅读的、作者本地化的描述。

`可选`aria-rowcount

aria-rowcount?: number

定义表格、网格或树形网格中的总行数。

参见

aria-rowindex。

`可选`aria-rowindex

aria-rowindex?: number

定义元素相对于表格、网格或树形网格中总行数的行索引或位置。

参见

aria-rowcount
aria-rowspan。

`可选`aria-rowindextext

aria-rowindextext?: string

定义 aria-rowindex 的人类可读的文本替代方案。

参见

aria-colindextext。

`可选`aria-rowspan

aria-rowspan?: number

定义单元格或网格单元格在表格、网格或树形网格中跨越的行数。

参见

aria-rowindex
aria-colspan。

`可选`aria-selected

aria-selected?: Booleanish

指示各种小部件的当前“选中”状态。

参见

aria-checked
aria-pressed。

`可选`aria-setsize

aria-setsize?: number

定义当前列表项或树形项目集合中的项目数。如果集合中的所有元素都存在于 DOM 中，则不需要此属性。

参见

aria-posinset。

`可选`aria-sort

aria-sort?:
    | "none"
    | "ascending"
    | "descending"
    | "other"

指示表格或网格中的项目是否按升序或降序排序。

`可选`aria-valuemax

aria-valuemax?: number

定义范围小部件允许的最大值。

`可选`aria-valuemin

aria-valuemin?: number

定义范围小部件允许的最小值。

`可选`aria-valuenow

aria-valuenow?: number

定义范围小部件的当前值。

参见

aria-valuetext。

`可选`aria-valuetext

aria-valuetext?: string

定义范围小部件的 aria-valuenow 的人类可读的文本替代方案。

`可选`autoCapitalize

autoCapitalize?: string

`可选`autoCorrect

autoCorrect?: string

`可选`autoFocus

autoFocus?: boolean

`可选`autoSave

autoSave?: string

`可选`caseSensitive

caseSensitive?: boolean

更改匹配逻辑，使其区分大小写

链接	URL	isActive
`<NavLink to="/SpOnGe-bOB" />`	`/sponge-bob`	真
`<NavLink to="/SpOnGe-bOB" caseSensitive />`	`/sponge-bob`	假

`可选`children

children?: ReactNode | ((props: NavLinkRenderProps) => ReactNode)

可以是常规的 React children，也可以是接收一个包含链接的 active 和 pending 状态的对象的函数。

<NavLink to="/tasks">
  {({ isActive }) => (
    <span className={isActive ? "active" : ""}>Tasks</span>
  )}
</NavLink>

`可选`className

className?: string | ((props: NavLinkRenderProps) => undefined | string)

类会自动应用于与 NavLinkRenderProps 对应的 NavLink。

a.active { color: red; }
a.pending { color: blue; }
a.transitioning {
  view-transition-name: my-transition;
}

`可选`color

color?: string

`可选`content

content?: string

`可选`contentEditable

contentEditable?: Booleanish | "inherit"

`可选`contextMenu

contextMenu?: string

`可选`dangerouslySetInnerHTML

dangerouslySetInnerHTML?: {
__html: string | TrustedHTML;
}

`可选`datatype

datatype?: string

`可选`defaultChecked

defaultChecked?: boolean

`可选`defaultValue

defaultValue?: string | number | readonly string[]

`可选`dir

dir?: string

`可选`discover

discover?: DiscoverBehavior

定义链接发现行为

<Link /> // default ("render")
<Link discover="render" />
<Link discover="none" />

render - 默认，在链接渲染时发现路由
none - 不要急于发现，仅在单击链接时发现

`可选`download

download?: any

`可选`draggable

draggable?: Booleanish

`可选`end

end?: boolean

更改 active 和 pending 状态的匹配逻辑，使其仅匹配到 NavLinkProps.to 的“末尾”。如果 URL 更长，则不再被视为活动状态。

链接	URL	isActive
`<NavLink to="/tasks" />`	`/tasks`	真
`<NavLink to="/tasks" />`	`/tasks/123`	真
`<NavLink to="/tasks" end />`	`/tasks`	真
`<NavLink to="/tasks" end />`	`/tasks/123`	假

<NavLink to="/"> 是一个特殊情况，因为每个 URL 都匹配 /。为避免默认情况下匹配每个路由，它实际上忽略了 end 属性，仅在您位于根路由时才匹配。

`可选`hidden

hidden?: boolean

`可选`hrefLang

hrefLang?: string

`可选`id

id?: string

`可选`inlist

inlist?: any

`可选`inputMode

提示用户在编辑元素或其内容时可能输入的数据类型

参见

https://html.whatwg.com.cn/multipage/interaction.html#input-modalities:-the-inputmode-attribute

`可选`is

is?: string

指定标准 HTML 元素应表现得像定义的自定义内置元素

参见

https://html.whatwg.com.cn/multipage/custom-elements.html#attr-is

`可选`itemID

itemID?: string

`可选`itemProp

itemProp?: string

`可选`itemRef

itemRef?: string

`可选`itemScope

itemScope?: boolean

`可选`itemType

itemType?: string

`可选`lang

lang?: string

`可选`media

media?: string

`可选`nonce

nonce?: string

`可选`onAbort

onAbort?: ReactEventHandler<HTMLAnchorElement>

`可选`onAbortCapture

onAbortCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onAnimationEnd

onAnimationEnd?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAnimationEndCapture

onAnimationEndCapture?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAnimationIteration

onAnimationIteration?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAnimationIterationCapture

onAnimationIterationCapture?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAnimationStart

onAnimationStart?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAnimationStartCapture

onAnimationStartCapture?: AnimationEventHandler<HTMLAnchorElement>

`可选`onAuxClick

onAuxClick?: MouseEventHandler<HTMLAnchorElement>

`可选`onAuxClickCapture

onAuxClickCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onBeforeInput

onBeforeInput?: FormEventHandler<HTMLAnchorElement>

`可选`onBeforeInputCapture

onBeforeInputCapture?: FormEventHandler<HTMLAnchorElement>

`可选`onBlur

onBlur?: FocusEventHandler<HTMLAnchorElement>

`可选`onBlurCapture

onBlurCapture?: FocusEventHandler<HTMLAnchorElement>

`可选`onCanPlay

onCanPlay?: ReactEventHandler<HTMLAnchorElement>

`可选`onCanPlayCapture

onCanPlayCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onCanPlayThrough

onCanPlayThrough?: ReactEventHandler<HTMLAnchorElement>

`可选`onCanPlayThroughCapture

onCanPlayThroughCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onChange

onChange?: FormEventHandler<HTMLAnchorElement>

`可选`onChangeCapture

onChangeCapture?: FormEventHandler<HTMLAnchorElement>

`可选`onClick

onClick?: MouseEventHandler<HTMLAnchorElement>

`可选`onClickCapture

onClickCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onCompositionEnd

onCompositionEnd?: CompositionEventHandler<HTMLAnchorElement>

`可选`onCompositionEndCapture

onCompositionEndCapture?: CompositionEventHandler<HTMLAnchorElement>

`可选`onCompositionStart

onCompositionStart?: CompositionEventHandler<HTMLAnchorElement>

`可选`onCompositionStartCapture

onCompositionStartCapture?: CompositionEventHandler<HTMLAnchorElement>

`可选`onCompositionUpdate

onCompositionUpdate?: CompositionEventHandler<HTMLAnchorElement>

`可选`onCompositionUpdateCapture

onCompositionUpdateCapture?: CompositionEventHandler<HTMLAnchorElement>

`可选`onContextMenu

onContextMenu?: MouseEventHandler<HTMLAnchorElement>

`可选`onContextMenuCapture

onContextMenuCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onCopy

onCopy?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onCopyCapture

onCopyCapture?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onCut

onCut?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onCutCapture

onCutCapture?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onDoubleClick

onDoubleClick?: MouseEventHandler<HTMLAnchorElement>

`可选`onDoubleClickCapture

onDoubleClickCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onDrag

onDrag?: DragEventHandler<HTMLAnchorElement>

`可选`onDragCapture

onDragCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragEnd

onDragEnd?: DragEventHandler<HTMLAnchorElement>

`可选`onDragEndCapture

onDragEndCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragEnter

onDragEnter?: DragEventHandler<HTMLAnchorElement>

`可选`onDragEnterCapture

onDragEnterCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragExit

onDragExit?: DragEventHandler<HTMLAnchorElement>

`可选`onDragExitCapture

onDragExitCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragLeave

onDragLeave?: DragEventHandler<HTMLAnchorElement>

`可选`onDragLeaveCapture

onDragLeaveCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragOver

onDragOver?: DragEventHandler<HTMLAnchorElement>

`可选`onDragOverCapture

onDragOverCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDragStart

onDragStart?: DragEventHandler<HTMLAnchorElement>

`可选`onDragStartCapture

onDragStartCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDrop

onDrop?: DragEventHandler<HTMLAnchorElement>

`可选`onDropCapture

onDropCapture?: DragEventHandler<HTMLAnchorElement>

`可选`onDurationChange

onDurationChange?: ReactEventHandler<HTMLAnchorElement>

`可选`onDurationChangeCapture

onDurationChangeCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onEmptied

onEmptied?: ReactEventHandler<HTMLAnchorElement>

`可选`onEmptiedCapture

onEmptiedCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onEncrypted

onEncrypted?: ReactEventHandler<HTMLAnchorElement>

`可选`onEncryptedCapture

onEncryptedCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onEnded

onEnded?: ReactEventHandler<HTMLAnchorElement>

`可选`onEndedCapture

onEndedCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onError

onError?: ReactEventHandler<HTMLAnchorElement>

`可选`onErrorCapture

onErrorCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onFocus

onFocus?: FocusEventHandler<HTMLAnchorElement>

`可选`onFocusCapture

onFocusCapture?: FocusEventHandler<HTMLAnchorElement>

`可选`onGotPointerCapture

onGotPointerCapture?: PointerEventHandler<HTMLAnchorElement>

`可选`onGotPointerCaptureCapture

onGotPointerCaptureCapture?: PointerEventHandler<HTMLAnchorElement>

`可选`onInput

onInput?: FormEventHandler<HTMLAnchorElement>

`可选`onInputCapture

onInputCapture?: FormEventHandler<HTMLAnchorElement>

`可选`onInvalid

onInvalid?: FormEventHandler<HTMLAnchorElement>

`可选`onInvalidCapture

onInvalidCapture?: FormEventHandler<HTMLAnchorElement>

`可选`onKeyDown

onKeyDown?: KeyboardEventHandler<HTMLAnchorElement>

`可选`onKeyDownCapture

onKeyDownCapture?: KeyboardEventHandler<HTMLAnchorElement>

`可选`onKeyPress

onKeyPress?: KeyboardEventHandler<HTMLAnchorElement>

已弃用

`可选`onKeyPressCapture

onKeyPressCapture?: KeyboardEventHandler<HTMLAnchorElement>

已弃用

`可选`onKeyUp

onKeyUp?: KeyboardEventHandler<HTMLAnchorElement>

`可选`onKeyUpCapture

onKeyUpCapture?: KeyboardEventHandler<HTMLAnchorElement>

`可选`onLoad

onLoad?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadCapture

onLoadCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadedData

onLoadedData?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadedDataCapture

onLoadedDataCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadedMetadata

onLoadedMetadata?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadedMetadataCapture

onLoadedMetadataCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadStart

onLoadStart?: ReactEventHandler<HTMLAnchorElement>

`可选`onLoadStartCapture

onLoadStartCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onLostPointerCapture

onLostPointerCapture?: PointerEventHandler<HTMLAnchorElement>

`可选`onLostPointerCaptureCapture

onLostPointerCaptureCapture?: PointerEventHandler<HTMLAnchorElement>

`可选`onMouseDown

onMouseDown?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseDownCapture

onMouseDownCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseEnter

onMouseEnter?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseLeave

onMouseLeave?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseMove

onMouseMove?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseMoveCapture

onMouseMoveCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseOut

onMouseOut?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseOutCapture

onMouseOutCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseOver

onMouseOver?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseOverCapture

onMouseOverCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseUp

onMouseUp?: MouseEventHandler<HTMLAnchorElement>

`可选`onMouseUpCapture

onMouseUpCapture?: MouseEventHandler<HTMLAnchorElement>

`可选`onPaste

onPaste?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onPasteCapture

onPasteCapture?: ClipboardEventHandler<HTMLAnchorElement>

`可选`onPause

onPause?: ReactEventHandler<HTMLAnchorElement>

`可选`onPauseCapture

onPauseCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onPlay

onPlay?: ReactEventHandler<HTMLAnchorElement>

`可选`onPlayCapture

onPlayCapture?: ReactEventHandler<HTMLAnchorElement>

`可选`onPlaying

onPlaying?: ReactEventHandler<HTMLAnchorElement>

`可选`onPlayingCapture

onPlayingCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onPointerCancel

onPointerCancel?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerCancelCapture

onPointerCancelCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerDown

onPointerDown?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerDownCapture

onPointerDownCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerEnter

onPointerEnter?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerEnterCapture

onPointerEnterCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerLeave

onPointerLeave?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerLeaveCapture

onPointerLeaveCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerMove

onPointerMove?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerMoveCapture

onPointerMoveCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerOut

onPointerOut?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerOutCapture

onPointerOutCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerOver

onPointerOver?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerOverCapture

onPointerOverCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerUp

onPointerUp?: PointerEventHandler<HTMLAnchorElement>

`Optional`onPointerUpCapture

onPointerUpCapture?: PointerEventHandler<HTMLAnchorElement>

`Optional`onProgress

onProgress?: ReactEventHandler<HTMLAnchorElement>

`Optional`onProgressCapture

onProgressCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onRateChange

onRateChange?: ReactEventHandler<HTMLAnchorElement>

`Optional`onRateChangeCapture

onRateChangeCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onReset

onReset?: FormEventHandler<HTMLAnchorElement>

`Optional`onResetCapture

onResetCapture?: FormEventHandler<HTMLAnchorElement>

`Optional`onResize

onResize?: ReactEventHandler<HTMLAnchorElement>

`Optional`onResizeCapture

onResizeCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onScroll

onScroll?: UIEventHandler<HTMLAnchorElement>

`Optional`onScrollCapture

onScrollCapture?: UIEventHandler<HTMLAnchorElement>

`Optional`onSeeked

onSeeked?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSeekedCapture

onSeekedCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSeeking

onSeeking?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSeekingCapture

onSeekingCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSelect

onSelect?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSelectCapture

onSelectCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onStalled

onStalled?: ReactEventHandler<HTMLAnchorElement>

`Optional`onStalledCapture

onStalledCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSubmit

onSubmit?: FormEventHandler<HTMLAnchorElement>

`Optional`onSubmitCapture

onSubmitCapture?: FormEventHandler<HTMLAnchorElement>

`Optional`onSuspend

onSuspend?: ReactEventHandler<HTMLAnchorElement>

`Optional`onSuspendCapture

onSuspendCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onTimeUpdate

onTimeUpdate?: ReactEventHandler<HTMLAnchorElement>

`Optional`onTimeUpdateCapture

onTimeUpdateCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onTouchCancel

onTouchCancel?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchCancelCapture

onTouchCancelCapture?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchEnd

onTouchEnd?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchEndCapture

onTouchEndCapture?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchMove

onTouchMove?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchMoveCapture

onTouchMoveCapture?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchStart

onTouchStart?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTouchStartCapture

onTouchStartCapture?: TouchEventHandler<HTMLAnchorElement>

`Optional`onTransitionEnd

onTransitionEnd?: TransitionEventHandler<HTMLAnchorElement>

`Optional`onTransitionEndCapture

onTransitionEndCapture?: TransitionEventHandler<HTMLAnchorElement>

`Optional`onVolumeChange

onVolumeChange?: ReactEventHandler<HTMLAnchorElement>

`Optional`onVolumeChangeCapture

onVolumeChangeCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onWaiting

onWaiting?: ReactEventHandler<HTMLAnchorElement>

`Optional`onWaitingCapture

onWaitingCapture?: ReactEventHandler<HTMLAnchorElement>

`Optional`onWheel

onWheel?: WheelEventHandler<HTMLAnchorElement>

`Optional`onWheelCapture

onWheelCapture?: WheelEventHandler<HTMLAnchorElement>

`Optional`ping

ping?: string

`Optional`placeholder

placeholder?: string

`Optional`prefetch

prefetch?: PrefetchBehavior

定义链接的数据和模块预取行为。

<Link /> // default
<Link prefetch="none" />
<Link prefetch="intent" />
<Link prefetch="render" />
<Link prefetch="viewport" />

none - 默认，不预取
intent - 当用户悬停或聚焦链接时预取
render - 当链接渲染时预取
viewport - 当链接在视口中时预取，对于移动设备非常有用

预取是通过 HTML <link rel="prefetch"> 标签完成的。它们在链接之后插入。

<a href="..." />
<a href="..." />
<link rel="prefetch" /> // might conditionally render

因此，如果您正在使用 nav :last-child，您将需要使用 nav :last-of-type，这样样式就不会有条件地从您的最后一个链接（和任何其他类似的选择器）上掉下来。

`Optional`prefix

prefix?: string

`Optional`preventScrollReset

preventScrollReset?: boolean

当链接被点击且应用正在使用 ScrollRestoration 时，阻止滚动位置重置到窗口顶部。这仅阻止新位置重置滚动到顶部，滚动位置将为后退/前进按钮导航恢复。

<Link to="?tab=one" preventScrollReset />

`Optional`property

property?: string

`Optional`radioGroup

radioGroup?: string

`Optional`referrerPolicy

referrerPolicy?: HTMLAttributeReferrerPolicy

`Optional`rel

rel?: string

`Optional`relative

relative?: RelativeRoutingType

定义链接的相对路径行为。

<Link to=".." /> // default: "route"
<Link relative="route" />
<Link relative="path" />

考虑一个路由层级结构，其中父路由模式为 "blog"，子路由模式为 "blog/:slug/edit"。

route - 默认值，相对于路由模式解析链接。在上面的例子中，相对链接 ".." 将移除 :slug/edit 段，返回到 "/blog"。
path - 相对于路径，因此 .. 将仅移除一个 URL 段，返回到 "/blog/:slug"。

`可选`reloadDocument

reloadDocument?: boolean

当点击链接时，将使用文档导航而不是客户端路由：浏览器将正常处理转换（如同 <a href> 标签一样）。

<Link to="/logout" reloadDocument />

`可选`replace

replace?: boolean

替换历史堆栈中的当前条目，而不是向其推送新条目。

<Link replace />

# with a history stack like this
A -> B

# normal link click pushes a new entry
A -> B -> C

# but with `replace`, B is replaced by C
A -> C

`可选`resource

resource?: string

`可选`results

results?: number

`可选`rev

rev?: string

`可选`role

role?: AriaRole

`可选`security

security?: string

`可选`slot

slot?: string

`可选`spellCheck

spellCheck?: Booleanish

`可选`state

state?: any

向下一个位置添加持久的客户端路由状态。

<Link to="/somewhere/else" state={{ some: "value" }} />

位置状态可以从 location 访问。

function SomeComp() {
  const location = useLocation()
  location.state; // { some: "value" }
}

此状态在服务器端不可访问，因为它是在 history.state 之上实现的。

`可选`style

style?: CSSProperties | ((props: NavLinkRenderProps) => undefined | CSSProperties)

`可选`suppressContentEditableWarning

suppressContentEditableWarning?: boolean

`可选`suppressHydrationWarning

suppressHydrationWarning?: boolean

`可选`tabIndex

tabIndex?: number

`可选`target

target?: HTMLAttributeAnchorTarget

`可选`title

title?: string

to

to: To

可以是字符串或部分 Path。

<Link to="/some/path" />

<Link
  to={{
    pathname: "/some/path",
    search: "?query=string",
    hash: "#hash",
  }}
/>

`可选`translate

translate?: "yes" | "no"

`可选`type

type?: string

`可选`typeof

typeof?: string

`可选`unselectable

unselectable?: "on" | "off"

`可选`viewTransition

viewTransition?: boolean

为此导航启用 View Transition。


  Click me

要为过渡应用特定样式，请参阅 useViewTransitionState。

`可选`vocab

vocab?: string

接口 NavLinkProps

层级结构

索引

属性

属性

可选about

可选accessKey

可选aria-activedescendant

可选aria-atomic

可选aria-autocomplete

可选aria-braillelabel

参见

可选aria-brailleroledescription

参见

可选aria-busy

可选aria-checked

参见

可选aria-colcount

参见

可选aria-colindex

参见

可选aria-colindextext

参见

可选aria-colspan

参见

可选aria-controls

参见

可选aria-current

可选aria-describedby

参见

可选aria-description

参见

可选aria-details

参见

可选aria-disabled

参见

可选aria-dropeffect

已弃用

可选aria-errormessage

参见

可选aria-expanded

可选aria-flowto

可选aria-grabbed

已弃用

可选aria-haspopup

可选aria-hidden

参见

可选aria-invalid

参见

可选aria-keyshortcuts

可选aria-label

参见

可选aria-labelledby

参见

可选aria-level

可选aria-live

可选aria-modal

可选aria-multiline

可选aria-multiselectable

可选aria-orientation

可选aria-owns

参见

可选aria-placeholder

可选aria-posinset

参见

可选aria-pressed

参见

可选aria-readonly

参见

可选aria-relevant

参见

可选aria-required

可选aria-roledescription

可选aria-rowcount

参见

可选aria-rowindex

参见

可选aria-rowindextext

参见

可选aria-rowspan