"。"> React でクリックして非表示と表示を実装する方法-フロントエンドQ&A-php.cn

React でクリックして非表示と表示を実装する方法

藏色散人
リリース: 2023-01-06 09:43:52
オリジナル
2291 人が閲覧しました

クリックして非表示にする表示を実装するための React メソッド: 1. スタイルを使用して表示と非表示を切り替えます。「{{display:this.state.isShow?'block':'none'}}」などのコードです。 ; 2. 3 つを使用する メタ オペレーターは、「this.state.isShow?(...):(...)」などのコードを使用して非表示と表示を実装します。 3. 短絡ロジックを通じて要素を表示および非表示にします。 「this.state.isShow&

...
」などのコード。

React でクリックして非表示と表示を実装する方法

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

反応でクリック時に非表示および表示するにはどうすればよいですか?

react で要素の表示メソッドと非表示メソッドを使用する

react には、一般的に使用される 4 つのメソッドがあります。要素の表示、非表示を表示する方法です。vue とは異なり、vue では要素の表示、非表示を v-if または v-show を使用して表示します。メソッド

最初のもの: 表示と非表示にスタイルを使用します