React での複数のボタンの実装: クリックされたボタンを除くすべてのボタンの選択を解除する

3 つのボタンを実装しようとしていますが、そのうちの 1 つをクリックすると背景色が変更され、他の 2 つのボタンの選択が解除され、背景色が元の色に戻ります。ただし、React で実装しようとすると、常にボタン 1 つ後ろになります (ボタン 1、3、2 を順番にクリックすると、選択されたボタンが 1 、 3 に設定されるという意味です (タイプミスではなく、単にボタンです)後方に））。これがその特定のコンポーネントのコードです。 importReact,{useEffect}from"反応&qu

P粉099985373 2024-02-26 15:26:22 0  1  368

Vaadin ラジオ ボタン グループをボタンのグループとしてスタイル設定できますか?

vaadin でラジオ ボタンを一連のボタンのようにスタイル設定し、選択した 1 つのボタンに色を付けることは可能ですか?ラジオボタンのようなボタングループを使いたい。ある項目はチェックできますが、他の項目はチェックできません。

P粉529245050 2024-02-03 19:49:05 0  1  395

Next.js アプリの中央ボタン コンポーネント?

nextjs ページの独自の行にあるボタンを使用しています。 PCとモバイルの両方で最も見栄えが良いと思うので、ボタンをページの中央に表示したいのですが、何を試してもボタン要素がページの左端の元の位置から移動できないようです。ページ。 margin-left と margin-right を特定のパーセントに手動で設定すると、ボタンのテキストが次の行に押し込まれることなく、ボタンができるだけページの中央に移動します。これが、ボタンを移動させる唯一の方法です。しかし、見た目はあまりよくなく、実用的ではありません。ページによると

P粉011360903 2023-09-18 22:05:21 0  1  831

Shopify、フィルタリングされた製品リストの進むボタンと戻るボタン

コレクションページの商品ページに表示される進むボタンと戻るボタンを作成しようとしています。コレクション ページでフィルターを選択し、商品をクリックすると、ユーザーが選択したフィルターに基づいて、リストされた商品間を進む、または戻るボタンを作成したいと考えています。私のボタンは、コレクション ページ全体を前後に移動するだけです。フィルターに基づいてリストされた製品を処理するには、以下のコードを書き直すにはどうすればよいですか? {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46 0  1  488

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

P粉364129744 2023-07-22 09:47:02 0  1  510

ボタンがありません

そこで今日は電卓、JS や CSS などを組み込んだ Web 電卓を作成する必要があります。最近、すべての JScries を書き直し、いくつかのことを再チェックしました。これで電卓ボタンはなくなりました。ウェブサイトのページに、ボタンがあった計算機があればいいのにと思います。奇妙に配置されていますが、それでもボタンです。しかし、HTML コードの小さな部分を変更しただけで、ボタンが消えてしまいました。コピー: https://replit.com/@MiguelBaltazar1/epicalculator

P粉521013123 2024-01-16 21:32:51 0  1  512

ブートストラップ ボタンがアクティブなときに各ボタンに影/境界線を追加する CSS

フロントエンドの作成には React フレームワークを使用し、デザインには Bootstrap5.3 を使用しています。私の理解では、Bootstrap は標準でシャドウ効果を削除しました。したがって、ボタンがアクティブな場合、Bootstrap v5.0 のドキュメントのように、ボタンには影や境界線が表示されません。 https://getbootstrap.com/docs/5.0/components/buttons/ 残念ながら、コードで個々のボタンを直接カスタマイズする方法がわかりません。出来ますか

P粉256487077 2023-08-17 23:54:27 0  1  534

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？ 「開始」ボタンをクリックした後、tkinter の最小化、最大化、閉じるボタンをクリックするにはどうすればよいですか?コードは次のとおりです: {コード...}

漂亮男人 2017-05-27 17:39:55 0  1  872

ボタンを永久に無効にする

ログインしているユーザーがメンバーである場合、React のボタンを無効にすることはできますか?無効な属性を使用すると、開発ツールから削除でき、ボタンが再びアクティブになります。助けてください。無効な属性が開発ツールから削除されても、ログインしているユーザーがメンバーである場合、ボタンを無効のままにしておきたいのです。

P粉156983446 2023-07-28 21:35:42 0  1  670

ボタンのinnerHTMLを画面に表示できません

したがって、innerHTML に問題があります。空の配列ボタンがあり、for ループを使用してそれを埋めます。次に、別の for ループを使用して各ボタンの innerHTML を「Info」に設定しますが、サイトを確認するとボタンはまだ空です。 //配列 letbuttons=[];//ループ問題 for(leti=0;i<2;i++){//ボタン配列を埋めるループ for(letl=0;l<4;l++){button

P粉024986150 2023-09-10 09:17:02 0  1  524

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインライン パディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09 0  1  565

クリック/HTMLでボタンの背景色を変更する方法

「続きを読む」に似たボタンを作成し、それを押すとテキストが下に展開されます。テキストが拡大されるとボタンの背景が変わり、もう一度ボタンを押してテキストを閉じると（例：「少なく読む」）、ボタンの背景は元の状態に戻ります。この関数の実装方法 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  558

ボタンをクリックするとフォームが更新されます。

2 つのボタン ラベルを持つ Angular のフォームがあります。ボタンは ng-click でフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、この 2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 エラーがトリガーされます。関数にブレークポイントを設定すると、関数がトリガーされます。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。もし私が

P粉523625080 2023-08-14 20:46:02 0  2  513

ボタンをクリックしても何も起こらない

ボタンをクリックしても何も起こらない

王先生 2019-11-14 14:10:53 0  3  1589

送信ボタンとリセット ボタンからホバー効果を削除する: ステップバイステップ ガイド

送信ボタンまたはリセットボタンをクリックしたときにスケールを変更しないようにするには、どのコマンドを使用する必要がありますか。普通に見えてほしいです。このプログラムではホバーを使用することになっていますが、最後の 2 つのボタンでは使用しません。これまでに作成したコードを以下に示します。すべて感謝します<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31 0  1  534

ボタンの送信からフォームを保護する方法

次のページでは、Firefox を使用してボタンを削除するとフォームが送信されますが、ボタンを追加するとフォームは送信されません。削除ボタンがフォームを送信しないようにするにはどうすればよいですか? functionaddItem(){varv=$('form:hidden:last').attr('name');varn=/(.*)input/.exec(v);varnewPrefix;if(n[1].length= =0){newPrefix='1';}else{newPrefix=

P粉245276769 2023-10-10 10:47:12 0  1  695

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイル デバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02 0  1  596

ブラウザの戻るボタン イベントを検出する方法 - クロスブラウザ

ユーザーがブラウザで戻るボタンを押したかどうかを明示的に検出するにはどうすればよいでしょうか? #URL システムを使用してシングルページ Web アプリケーションでページ内の戻るボタンを強制的に使用するにはどうすればよいですか?ブラウザの「戻る」ボタンが独自のイベントをトリガーしないのはなぜでしょうか。 ?

P粉141911244 2023-08-23 16:23:49 0  2  713

React ボタンがページにコンポーネントを追加しない

[項目の追加] ボタンをクリックすると、入力フィールドのあるポップアップ フォームがトリガーされるはずですが、フォームがレンダリングされません。ボタンを使用して、レンダリング時に空白のページを表示するだけです。 import'./App.css';constInventoryManager=()=>{dispatch(addItem(newItem));//入力フィールドをリセットsetItemName('');setItemDescription('');setItemPrice(''

P粉731861241 2024-03-20 10:46:45 0  1  440

React での前ボタンと次ボタンの機能のテストが失敗する

私の React コードはテストに失敗しました。間違って書いた場合、正しく書くのを手伝ってくれませんか? screen.getByRole('button',{name:'>'}) を使用して次のボタンを取得しようとしました。

P粉936509635 2023-08-15 13:54:35 0  1  501