【react】preventDefault、stopPropagationを使う
よく使う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>
);
}
}以上です