リアクトのマップ方法で生成されたボタンの参照

ルーカス：

これは、実用的なアプリケーションのIRLを持っていない、私が取り扱っております問題のかなり単純化されたバージョンです。

私が欲しいのは「グリーン」ボタンを参照して、それを設定することで3秒間点滅します。どのように私はそれが反応して行うことができますか？

const btnLayout = ["Yellow", "Green", "Blue", "Orange"];

btnLayout.map((item, index) => {
  return (
    <button>
      data-id={`slot-${item}`}
      type="button" className={`col-1 btn btn-${colorMap[index]}`}
      {item}
    </button>
  );
});

ःMnth：

あなたがDOMにボタンノードへのアクセスを取得するには、REFを使用することができ、これを確認してくださいcodesandboxを。