Bonjour, j'aimerai ouvrir un pdf grâce à une balise link, exemple :

Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
{
        id:1,
        name:"Création d'un site avec Symfony 4 : base de donnée + formulaire",
        tags:["Symfony","sql","formulaire"],
        date:"octobre, 2021",
        imgSrc:"https://res.cloudinary.com/practicaldev/image/fetch/s--sBeV06Xc--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2yrzy75q4dzibqz6rf82.png",
        link: '../assets/GestionLivreRendu.pdf'
    },
sauf que ça ouvre bien une nouvelle page, mais vide, et pas de pdf en vue.

J'ai donc essayer de mettre une balise <a> avec un href vers le pdf lors de la création de la "box" (une sorte de div qui affiche les paramètres de ci-dessus)
Cela marche, mais je n'arrive pas à choisir en fonction de l'id de l'objet donné.
Je pensais à mettre un :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
if(id === 1){
   <Box target="_blank" to={{ pathname: `${Pdf}` }}>
}
if(id === 2){
   <Box target="_blank" to={{ pathname: `${Pdf2}` }}>
}
en sachant que Pdf et Pdf2 sont des import des pdfs (import Pdf from '../assets/fifactRendu.pdf';)
Je pense que c'est censé marcher mais je débute et j'arrive vraiment pas a utiliser les if en prenant la variable id, quelqu'un pour m'aider soit à faire la méthode des if, soit à m'expliquer une autre façon de le faire.
PS : Toutes les "div" qui affichent les objets sont créer d'un coup (comme un foreach quoi), du coup je peux changer que la variable avec des conditions :/