✅ children

function Button({ text }) {
  return <button>{text}</button>;
}

<div>
  <Button text="던지기"/>
  <Button text="처음부터"/>
  <Dice color="red" num={4} />
</div>

▶ 위의 코드를! children이라는 props를 활용하면!

function Button({ children }) {
  return <button>{children}</button>;
}

<div>
  <Button>던지기</Button>
  <Button>처음부터</Button>
  <Dice color="red" num={4} />
</div>

▶ 이렇게 된다!

결론은 children을 쓰는게 편하다.