• /
  • EnglishEspañolFrançais日本語한국어Português
  • Se connecterDémarrer

Cette traduction automatique est fournie pour votre commodité.

En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.

Créer un problème

Link

Fournit une navigation déclarative et accessible autour de l'application et des liens externes.

Usage

import { Link } from 'nr1';

Exemples

Basique

<Link to="https://www.google.com">Click me</Link>;

Avec objet de localisation

function render() {
  const launcher = { id: 'nr1-core.explorer' };
  const location = navigation.getOpenLauncherLocation(launcher);


  return <Link to={location}>Click me</Link>;
}

Accessoires

ariaLabel

chaîne

Utilisez-le pour mieux décrire le contexte de l'action du composant pour l'utilisateur sur les lecteurs d'écran.

<Link to="/dashboards" ariaLabel="Go to your dashboard">
  Go
</Link>;

children

OBLIGATOIRE
nœud

Contenu du lien.

className

chaîne

Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

onClick

fonction

Rappel déclenché à chaque fois que l'utilisateur clique sur le lien.

function (
event: React.MouseEvent
)

role

chaîne

L'attribut ARIA est utilisé pour décrire le rôle de Link en matière d'accessibilité, comme role="menuitem". Par défaut, le rôle de Link est « lien », donc un rôle explicite est à utiliser dans d'autres éléments accessibles, tels que les éléments role="menu" et autres. Consultez les bonnes pratiques ARIA pour voir quels rolepeuvent être appliqués à Link et dans quels contextes.

spacingType

énumération[]

Propriété d'espacement. L'espacement est défini comme un uplet de zéro à quatre valeurs, qui suivent les mêmes conventions que les propriétés CSS comme margin ou padding. Pour omettre une valeur, utilisez SPACING_TYPE.OMIT.

<Array of
<One of

Link.SPACING_TYPE.EXTRA_LARGE, Link.SPACING_TYPE.LARGE, Link.SPACING_TYPE.MEDIUM, Link.SPACING_TYPE.NONE, Link.SPACING_TYPE.OMIT, Link.SPACING_TYPE.SMALL

>
>

style

objet

Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

testId

chaîne

Ajoute un attribut data-test-id. Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, my-nerdpack.some-element.

Remarque : vous ne verrez peut-être pas l'attribut data-test-id car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête e2e-test à l'URL.

to

forme|chaîne

Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien.

forme

pathname

OBLIGATOIRE
chaîne

search

chaîne

hash

chaîne

Droits d'auteur © 2025 New Relic Inc.
RecrutementConditions de servicePolitique DMCAAvis de confidentialitéCookiesLoi britannique sur l'esclavage

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.