[React]dataタグを使って要素を特定

data-*属性を付与すると["data-*"]でアクセスできる
（data-*のvalueは任意で問題ない）

import React, { MouseEvent } from "react";

export function Component {
    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
        // eventから見て最初に見つかる「data-container」を含む親要素を取得
        const container = event.currentTarget.closest("[data-container]");
    }

    return <div data-container={"true"}>
        <div>
            ・・・
            <button onClick={handleClick}>
                ・・・
            </button>
        </div>
        <div>
            ・・・
        </div>
    </div>;
}