J'ai cette table: il est rendu comme ceci: Ce que j'essaie de mettre en œuvre: Lorsque l'utilisateur clique sur n'importe quel élément de la première colonne, le fichier associé est téléchargé. . Mon problème: Le si je supprimai le
Donc, le OnfichierjointLinkClicked OnClick Sociéter, prendra soin de la demande de l'API et de tout le reste. à accéder à link est requis. Cependant, je ne veux pas acheminer l'utilisateur à une autre page. Je veux juste que le OnfichierjointLinkClicked soit déclenché. sur Prop, je reçois évidemment cette erreur:
3 Réponses :
Il suffit de remplacer votre lien avec un DIV personnalisé, puis de la style avec un peu de CSS (curseur: pointeur, couleur ,: ...)
Puis dans votre ONFICHIERJOISJODLInkClicked, ouvrez votre PDF dans une autre fenêtre comme Ceci:
Il semble que vous n'ayez plus besoin d'un lien, définissez un style pour votre élément TD pour se comporter comme un lien et joindre l'écouteur d'événement OnClick
J'ai essayé de reproduire un peu votre besoin ici p>
App.js p>
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Logique. Merci
essayer de mettre Voir - P> # code> i.e. to = "#" code>, comme je le fais. Et cela fonctionne bien pour moi - <div className="pagination alternate pull-right">
<ul>
<li className={props.prevPage == null ? 'disabled' : ''}>
<NavLink
to="#"
onClick={() => props.gotoPage(props.prevPage, props.noOfPages)}
>
Prev
</NavLink>
</li>
{links}
<li className={props.nextPage == null ? 'disabled' : ''}>
<NavLink
to="#"
onClick={() => props.gotoPage(props.nextPage, props.noOfPages)}
>
Next
</NavLink>
</li>
</ul>
</div>
Pourquoi ne pouvez-vous pas utiliser un et styez-le pour ressembler à un lien?
@Apokryfos n'a pas pensé à ce bouton Cuz un bouton, c'est un bouton pas un lien.
En outre, les liens de mon application ont une apparence particulière et j'en ai besoin de la même chose même si celui-ci ne se rediriera pas vers une autre page
Le problème ici est qu'un composant
n'est pas un lien ancien mais un lien de routeur réagissant qui a un but spécifique. Ce que vous décrivez peut être un lien d'ancrage avec l'attribut de téléchargement (E.g.> ... ) ou peut être un rappel déclenché en cliquant sur un bouton. Le seul problème est visuel, vous devrez donc trouver un moyen d'appliquer le même style sur leainsi que votre lien de téléchargement / bouton.Ok, merci pour la réponse détaillée