Как задать разные цвета блоков через props?

Question

[jeka-3]

Как задать разные цвета блоков через props ?

Answer 1

[Антон Спирин]

<div>
  <Block color="red" />
  <Block color="green" />
  <Block color="blue" />
</div>

const colors = ['red', 'green', 'blue'];

return (
  <div>
    {colors.map((color, i) => <Block key={i} color={color} />}
  </div>
);