並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 7 件 / 7件

新着順 人気順

イベントハンドラの検索結果1 - 7 件 / 7件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

イベントハンドラに関するエントリは7件あります。 イベントjavascript未分類 などが関連タグです。 人気エントリには 『イベントハンドラの関数名についての雑記 - Qiita』などがあります。
  • イベントハンドラの関数名についての雑記 - Qiita

    今日のXでは、イベントハンドラの関数名についての話題を見ました。元の投稿はこちらです。要するに、次のhandleClickのようなhandleイベント名という命名は良くないということです。 const handleClick = () => { ... }; <button type="button" onClick={handleClick} /> これについて少し考えたので、せっかくなのでアウトプットしておくことにしました。 この記事の目的 考えたことを頭の中に残しておくのがもったいないので、文章の形にしておく。 色々な意見が出る問題であり、ベストな答えは無いので各々好きにすれば良いということを、読者に理解してもらう。 とはいえ、筆者の考えに納得して同じ考えの人が多いと嬉しいので、なるべく納得してもらう。 筆者の考え 自分の考えとしては、むしろhandleClickいいじゃん! どんど

      イベントハンドラの関数名についての雑記 - Qiita
    • イベントハンドラの関数名についての雑記 - Qiita

      今日のXでは、イベントハンドラの関数名についての話題を見ました。元の投稿はこちらです。要するに、次のhandleClickのようなhandleイベント名という命名は良くないということです。 const handleClick = () => { ... }; <button type="button" onClick={handleClick} /> これについて少し考えたので、せっかくなのでアウトプットしておくことにしました。 この記事の目的 考えたことを頭の中に残しておくのがもったいないので、文章の形にしておく。 色々な意見が出る問題であり、ベストな答えは無いので各々好きにすれば良いということを、読者に理解してもらう。 とはいえ、筆者の考えに納得して同じ考えの人が多いと嬉しいので、なるべく納得してもらう。 筆者の考え 自分の考えとしては、むしろhandleClickいいじゃん! どんど

        イベントハンドラの関数名についての雑記 - Qiita
      • ReactでのonClickイベント処理 【イベントハンドラ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

        Reactの最新版(v18)において、イベントハンドラ関数に引数を渡す方法および基本的なイベント処理について説明します。 ボタンやリンクなど、あらゆる要素をクリックした後に何らかの処理を実行する場合は、常にonClickイベントハンドラを使用します。 これはReactで最も強力で、最も頻繁に使用される機能の一つです。 また、この記事ではonChangeイベント処理についても解説しますが、ほとんどはonClickイベントハンドラを重点的に学習していきます。 SyntheticEvent(合成イベント) Reactのイベントハンドラ イベントハンドラをインライン関数として呼び出す インライン関数にボタンの値を引数として渡す 複数の関数を呼び出す イベントハンドラ内の状態を更新 最後に SyntheticEvent(合成イベント) イベントは、ユーザーが行う操作やシステムが生成するトリガー動作に

          ReactでのonClickイベント処理 【イベントハンドラ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
        • Python: Luigi のイベントハンドラを試してみる - CUBE SUGAR CONTAINER

          今回は、Luigi でタスクの開始や成功・失敗などのときに発火するイベントハンドラを扱ってみる。 なお、Luigi はバッチ処理などのパイプラインを組むのに使われるソフトウェアのこと。 基本的な使い方については以下を参照してほしい。 blog.amedama.jp 使った環境は次の通り。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.14.6 BuildVersion: 18G3020 $ python -V Python 3.7.6 下準備 下準備として Luigi をインストールしておく。 $ pip install luigi イベントハンドラを登録する 早速だけど以下にサンプルコードを示す。 Luigi では、デコレータを使ってイベントが発生したときに実行したい処理を登録できる。 サンプルコードでは、タスクが開始されたタイミン

            Python: Luigi のイベントハンドラを試してみる - CUBE SUGAR CONTAINER
          • 【JavaScript】イベントハンドラ早見表 - Qiita

            自分が今まで使用したことがあるJavaScriptのイベントハンドラについて書きました。 他にもいろいろあるかと思いますが、「こういうときにも使えるよー」っていうのがありましたら是非ご指摘お願いします。 イベント名 条件 用途の例

              【JavaScript】イベントハンドラ早見表 - Qiita
            • Reactにおけるイベントハンドラの命名規則

              Responding to Events では、イベントハンドラの追加方法だけではなく、その命名規則についても触れられているので良いですね。 今回はそれを紹介します。 基本的な命名規則 Have names that start with handle, followed by the name of the event. By convention, it is common to name event handlers as handle followed by the event name. You’ll often see onClick={handleClick}, onMouseEnter={handleMouseEnter}, and so on. By convention, event handler props should start with on, followe

                Reactにおけるイベントハンドラの命名規則
              • Reactイベントハンドラ処理と再レンダリングなど|Showcase Gig Product Team Blog

                こんにちは。 Showcase Gigプラットフォームチーム所属のリョです。 開発中にあるバグが起きまして調べたらReactのhookとイベントハンドラについてもっと深く理解できました。 bugの説明実際のコードをお見せできませんが、こちらの例と似てます。 先に全部のデータリストを取得して表示します。新しい値を入力して、「修正」ボタンをクリックしたらサーバ送信します。 この例では、操作してみると、意図せず古い値をサーバに送信してしまうようです。例えば: 1回目の修正なら、初期値である空文字列を送信します。 それ以降では、修正前の値になります。 結論まとめて結論を言えば、イベントハンドラ内でsetSelectedhookが呼び出されていますが、新しい値はstateにすぐ反映されません。 よってmutateの中に使われている selected変数は最新のものではありません。最新の引数をmuta

                  Reactイベントハンドラ処理と再レンダリングなど|Showcase Gig Product Team Blog
                1

                新着記事