クラスコンポーネントイベントバインディング'react' から React をインポートします。 'react-dom' から ReactDOM をインポートします。 クラスAppはReact.Componentを拡張します。 ハンドルクリック() { コンソールログ(111); } 与える() { 戻ります (<button onClick={this.handleClick} > クリックしてください</button >) } } ReactDOM.render(<App />, document.getElementById('root')) 関数コンポーネントイベントバインディング'react' から React をインポートします。 'react-dom' から ReactDOM をインポートします。 関数App() { 関数handleClick() { コンソールログ(111); } // 関数コンポーネントには this がないので、 this を追加せずに関数名だけを記述します。 戻る (<button onClick={handleClick}>クリックしてください</button>) } ReactDOM.render(<App />, document.getElementById('root')) 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: ウェブフロントエンド開発者が知っておくべき 9 つの実用的な CSS プロパティ
html <!DOCTYPE html> <html lang="ja&...
目次序文コンポーネントの作成要約する序文Vue3 には多くの注目すべき機能が追加されましたが、サスペ...
プロジェクト内のページの長さはおよそ2000px以上あり、背景画像にはテクスチャやグラデーションがあ...
HTML についてどれくらい知っていますか? 現在、基本的な HTML コードを学習している場合は、...
1. CSSスタイルは、テキストが長すぎる場合に省略記号を表示する問題を解決します1. 一般的なスタ...
目次MySQL NDB Clusterとはクラスター構築のための準備作業クラスターのデプロイを開始す...
リレーショナル データベースでは、悲観的ロックと楽観的ロックがリソース同時実行シナリオのソリューショ...
1. 公式サイト http://dev.mysql.com/downloads/mysql/ から ...
目次1. 問題の説明: 2. Jenkins設定のトラブルシューティング3. コードログのエンコード...
この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...
この記事では、gearman+mysql メソッドを使用して永続化操作を実装します。ご参考までに、詳...
この記事では、Webサイトを作ったことがある人にとっては馴染みのあるテーブルについて主に説明します。...
Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデ...
前回の記事で、mysqldump バックアップ ファイルに記録されるタイムスタンプ データは UTC...
ある日、内部結合を含む SQL ステートメントの実行速度はそれほど遅くはない (0.1 ~ 0.2)...