クラスコンポーネントイベントバインディング'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 プロパティ
目次フォワードプロキシnginx リバースプロキシnginx リバースプロキシ 02リバースプロキシ...
概要: Oracle scottユーザーには4つのテーブルがあり、実験やデータ検証に便利です。現在は...
はじめに: Web ページを作成するときに、画像をアップロードする必要がある場合がよくあります。画像...
最新の Ubuntu Server バージョンを使用している場合、ようこそメッセージに、Ubuntu...
目次序文使い方要約する序文Vue にはコードの再利用に使われる mixins という設定項目がありま...
今日は、興味深いトピックについてお話ししましょう。データベースとテーブルを分割することを検討する前に...
この記事では、全選択と逆選択操作を実装するためのjQueryの具体的なコードを参考までに共有します。...
目次forEach() メソッドjs の Array.forEach のループから抜け出す方法解決:...
効果: <!doctypehtml> <html> <ヘッド> ...
Samba サービス:このコンテンツはサンバサービス学習者の参考用ですケースの説明:企業の管理者は、...
Apollo オープンソース アドレス: https://github.com/ctripcorp/...
Cerebro は、Elasticsearch バージョン 5.x より前の Elasticsear...
最近、会社でたまたま生放送をしていたのですが、今日は私が遭遇した落とし穴を記録します。会社のサーバー...
トリガーにより、ステートメントの実行前または実行後に他の SQL コードを実行できます。トリガーは、...
目次基本的なデータベース操作2) データベースを表示する3) データベースを選択する4) データベー...