背景下のようなリストでは、削除ボタンをクリックすると削除操作を実行する必要があります。 リスト生成: { タイトル: 「作戦」 データインデックス: 'rowguid', キー: 'rowguid'、 レンダリング: (テキスト、レコード) => ( <スペースサイズ="middle"> <Button type="primary" size="small" >変更</Button> <Button type="danger" size="small" >削除</Button> </スペース> ) } 削除ボタンをレンダリングして生成するときにイベントを追加し、クリックされたときにそれを呼び出し、パラメータも渡す必要があります。このパラメータ 私は次のように書き始めました: しかし問題は、ページが読み込まれたときに delByGuid 関数が実行され、コンソールの出力が次のようになることです。 それだけでなく、削除ボタンをクリックしても関数が実行されませんでした。これは許可されていないようです。 質問:1. ページがレンダリングされるときに実行される 2. ボタンをクリックすると、onclick は実行されません。 解決:{ タイトル: 「オペレーション」 データインデックス: 'rowguid', キー: 'rowguid'、 レンダリング: (テキスト、レコード) => ( <スペースサイズ="middle"> <Button type="primary" size="small" >変更</Button> <Button type="danger" size="small" onClick={(e)=>delByGuid(text)}>削除</Button> </スペース> ) } onClick={(e)=>delByGuid(テキスト)} これで問題は解決しました。ページが読み込まれたときには機能しませんが、クリックされたときには呼び出すことができます。 React onClick のパラメータ渡しに関するこの記事はこれで終わりです。React onClick のパラメータ渡しに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: MySQL8 ベースの docker-compose デプロイメント プロジェクトの実装
>>: Firefox で Webdings フォントをサポートする方法
CSS を記述するときに、デザインに存在する重要なケースを忘れてしまうことがあります。たとえば、コン...
1. mysqldump の紹介mysqldump は、MySQL に付属する論理バックアップ ツー...
<br />何の警告もなく、cnBeta で TOM.COM の Web サイトが再設計...
目次事件の原因解剖学ファイルの並べ替えファイルのソートが非常に遅いのですが、他に解決策はありますか?...
Nginx の設定構文は柔軟で、高度に制御可能です。バージョン 0.7 以降では、try_files...
また、多くの場合、メンテナンスのために Web サイトを少なくとも数分間オフラインにする必要がありま...
目次1. ヘルプコマンド2. ミラーコマンド3. コンテナコマンド1. ヘルプコマンド1. 現在のD...
1. デフォルトでアクセスするには、curl コマンドを使用します。 # curl -I http:...
1. まずは効果を見てみましょうインターフェース要求によって返されるデータ: 2. 公式ログインフロ...
導入同社の最近の Vue フロントエンド プロジェクトの要件: ポップアップ ウィンドウのドラッグ、...
Centos システムの指定された場所に Nginx をインストールするにはどうすればいいですか?は...
1. Pythonのインストール1. フォルダーを作成します。 mkdir python フォルダ...
フロントエンド開発を行っている初心者の学生を多く見かけますが、彼らの効率は比較的遅いです。常にコード...
目次1. vuexとは何か2. インストールと導入3. vuexの使用4. プロセスの紹介5. 突然...
目次I. 概要2. 従来の多段階イメージ構築3. Buildkitを使用してイメージをビルドする4....