Je mappe sur un tableau d'objets dans réagir et le rendre à l'écran avec chaque objet obtenir sa propre carte, assez basique. Mon problème est que chaque objet a une propriété de couleur hexagonale différente et utilise Sass, je souhaite définir la couleur de police de chaque carte sur la couleur de l'objet, mais je ne peux pas comprendre comment transmettre cette valeur à Sass / CSS.
3 Réponses :
Il n'y a aucun moyen de passer cela à votre SASS si vous n'utilisez pas une sorte de CSS dans une solution JS comme Composants de style
Cependant, dans ce cas, vous pouvez faire quelque chose comme: p>
Vous pouvez écrire en ligne CSS code> dans JSX. En supposant que vous passionnez des styles de passage comme des accessoires dans un objet nommé
styleObject code>, vous pouvez ajouter la propriété couleur comme suit:
const Cards = props => {
const array = props.array
return array.map(heading => (
<h3 key={heading.title} color={heading.color}>
{title}
</h3>
))
}
Je ne suis pas sûr que je reçois votre question correctement, mais vous pouvez utiliser directement le style inline
Merci a tous! Première fois sur le site et vous me suis fixé en moins d'une heure et pas de critiques de débutants !!!