onFocusでsetStateするとonClickが実行されない - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/yuku_t

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

onFocusでsetStateするとonClickが実行されない - Qiita

class Dropdown extends React.Component { open() { this.setState({ isOpen: true }); } render() { r... class Dropdown extends React.Component { open() { this.setState({ isOpen: true }); } render() { return ( <div tabIndex="0" onClick={e => { trackClickEvent(e).then(() => this.open()); }} onFocus={this.open.bind(this)} > {/* ... */} </div> ) } } しかし、このコードは意図したように動きません。クリック時に onFocus だけが実行されて onClick が実行されないのです。何故でしょうか？（おそらく）onClick が実行されない理由まずブラウザの仕様として（要出典）フォーカス可能な要素をクリックすると、先に FocusEvent が発生し、そ

ブックマークしたユーザー

ggkuron2018/07/08

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx