How to set different block colors using props?

Question

React

How to set different block colors using 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>
);