プログラミングマガジン

プログラミングを中心にIT技術をできるだけわかりやすくまとめます。

  • ホーム
  • 未分類
  • パブリング
 
 
     
  • サーバー言語  
    • Python
    • Ruby
    • PHP
    • SQL
  •  
  • インフラ  
       
    • AWS
    •  
    • 基本
    • Git
  • Web
       
    • Web開発
    • JavaScript
    • Vue.js
    • React
  •  
  • 設計  
       
    • 実装設計
    • DB設計
  • 問い合わせ
  

パブリング

08.15

  • miyabisan2
  • コメントを書く

この記事は1分で読めます

子要素で起きたイベント(clickなど)を親で拾うこと。onclickも対象だし、addEventListenerも対象。

ユースケース

大量の子要素の商品があったときに何かしらまとめたい場合。

1
2
3
4
5
6
7
<div onClick={handleClick}>
  {items.map(item => (
    <div data-id={item.id}>
      {item.name}
    </div>
  ))}
</div>

ある行をクリックした際に、詳細を開く。

1
<table onClick={handleRowClick}>
スポンサーリンク
  • 2026 08.15
  • miyabisan2
  • コメントを書く
  • 未分類
  • Tweets Twitter
  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

  1. 2026 08.01

    View Transitions API

  2. 2026 08.04

    フォント

  3. 2026 08.01

    css nesting

  4. 2026 08.04

    カラーパレット

  5. 2026 08.01

    Anchor Positioning、Popover API(ポップオーバーAPI)

  6. 2026 08.16

    React UIライブラリの歴史

  • コメント ( 0 )
  • トラックバック ( 0 )
  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

返信をキャンセルする。

Backdrop

Compound Components(複合コンポーネ…

RETURN TOP

著者プロフィール

エンジニア歴10年で過去に業務系、Webデザイン、インフラ系なども経験あります。現在はWeb系でフロントエンド開発中心です。

詳細なプロフィールはこちら

スポンサーリンク

カテゴリー

  • Android
  • AngularJS
  • API
  • AWS
  • C++
  • CSS
  • cursor
  • C言語
  • DDD
  • DevOps
  • Django
  • Docker
  • Git
  • GitLab
  • GraphQL
  • gRPC
  • Hasura
  • Java
  • JavaScript
  • Kubernetes
  • Laravel
  • linux
  • MySQL
  • Next.js
  • nginx
  • Node.js
  • NoSQL
  • Nuxt.js
  • Oracle
  • PHP
  • Python
  • React
  • Redux
  • Rspec
  • Ruby
  • Ruby on Rails
  • Sass
  • Spring Framework
  • SQL
  • TypeScript
  • Unity
  • Vue.js
  • Webサービス開発
  • Webデザイン
  • Web技術
  • インフラ
  • オブジェクト指向
  • システム開発
  • セキュリティ
  • その他
  • データベース
  • デザインパターン
  • テスト
  • ネットワーク
  • プログラミング全般
  • マイクロサービス
  • マイクロソフト系技術
  • マルチメディア
  • リファクタリング
  • 副業
  • 未分類
  • 業務知識
  • 生成AI
  • 設計
  • 関数型言語
RETURN TOP

Copyright ©  プログラミングマガジン | プライバシーポリシー