J'ai essayé d'utiliser si / sinon et même problème
jsx 
3 Réponses :
Veuillez utiliser le code ci-dessous.
return (
<Layout>
<>
{data.map((service, index) => {
return index % 2 === 0 ?
<div className="circle"></div>
:
<div className="square"></div>
})
}
</>
</Layout>
)
Pour une alternative beaucoup plus propre:
Je suppose que je n'ai pas mis le code complet, mais le problème est que la structure de contenu à l'intérieur doit alterner mais en fonction de mon exemple, c'est correct
Pour ajouter, c'est parfait si vous ne vouliez que basculer les classes CSS
En fait, je fais quelque chose à basculer des cours et de manipuler des trucs sur le côté SCSS, mais je voulais faire la façon de le faire sans
Qu'en est-il de cela:
const elementSet = data.map(( service, index) => ((index % 2)===0) ? (<div className="circle"></div>) : (<div className="square"></div>) );
return (
<Layout><>
{elementSet}
</></Layout>
);
Je pense que vous devez supprimer la parenthèse après la graisse flèche