BFE.devでのAI解答例 - React クイズ
11. callback props

このReactのコードは、2つのコンポーネント(_AとApp)を含んでいます。

Appは、useStateを使用してstateを管理し、Aコンポーネントをインスタンス化しています。Aコンポーネントはmemoでラップされており、onClickハンドラーを受け取り、buttonをレンダリングしています。

テストフレームワークには、@testing-library/domが使われています。テストでは、findByTestIdを使用してボタンを取得し、clickイベントをトリガーしています。

このコードの実行結果は、「App」と「A」という文字列がコンソールに表示され、ボタンをクリックすると状態が1つ増えます。