Code example 4 in "Unopinionated comparison of Glimmer and React" Raw

AnimalButton-template.hbs

<button onclick={{action setRandomAnimal}}>
  {{yield}}
</button>

AnimalButton.jsx

function AnimalButton(props) {

  ...

  return (
    <button onClick={setRandomAnimal}>
      {props.children}
    </button>
  );
}

RandomAnimal-template.hbs

<AnimalButton @onAnimalPicked={{action addAnimalToList}}>
  Set Random Animal
</AnimalButton>

RandomAnimal.jsx

function RandomAnimal() {
  return (
    <AnimalButton onAnimalPicked={this.addAnimalToList}>
      Set Random Animal
    </AnimalButton>
  );
}