Portfolio : Affichage des données (JSX) 1/2


Pour importer les données, il suffit d'écrire :

import PortfolioList from '../data/portfolioList.json'

Nous allons à la ligne 8, puis pour afficher les données : nous allons utiliser du jsx, qui est en quelque sorte du javascript directement dans le html en React.js.

Pour cela :

  • Nous allons ouvrir les accolades.
  • A la ligne !
  • Nous allons écrire le nom de notre variable.map (.map permet de retourner un tableau en JavaScript).
  • Nous allons ouvrir deux parenthèses.
  • Encore à la ligne !
  • Nous allons indiquer une clé que nous allons utiliser dans la fonction en plus des clés du tableau json : le nôtre sera folio
  • Ecrire =>, ouvrir les accolades, puis dans return, ouvrir les parenthèses.
{PortfolioList.map((folio => {
return (
)
}
))
}