読者です 読者をやめる 読者になる 読者になる

【react】preventDefault、stopPropagationを使う

react javascript

よく使うpreventDefaultとstopPropagation。
reactでも普通に使える

export default class Sample extends React.Component
{
    onParent(e)
    {
        // リンク先への遷移を抑制
        e.preventDefault();
    }

    onChild(e)
    {
        // onParentへのイベントを抑制
        e.stopPropagation();
    }

    render()
    {
        return(
            <a href="/sample" onClick={this.onParent.bind(this)}>
                親ボタン
                <button onClick={this.onChild.bind(this)}>
                    子ボタン
                </button>
            </a>
        );
  }
}

以上です