reactjsでコンポーネントをゆっくり非表示にすることは可能ですか?フェードアウトのようなもの?

ファラズ

削除や編集が成功したなど、サーバー操作の後に成功メッセージを表示する必要がありました。ここで、「show」の状態をtrueに変更し、2秒後に状態をfalseに変更すると、コンポーネントが非表示になります。問題は、それが非常に突然に見え、少し遅くしたいので、フェードアウトしているように感じることです。

では、どのように反応するのでしょうか?私がしていることのサンプルコード

this.state.showAlert?<Alert message="success" />:''

このプロセスを少し遅くするにはどうすればよいですか?

asiniy

このタイプのニーズにはReactCSSTransitionGroup使用してください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

このReactコードは、Reactフックがなく、機能コンポーネントではなくクラスコンポーネントがあるとどのように見えますか?(追加のウィンドウを開くボタン)

分類Dev

このdivがゆっくりフェードアウトしないのはなぜですか?

分類Dev

表示/非表示を使用して段落をゆっくりとフェードイン/フェードアウトしようとしています

分類Dev

ブートストラップモーダルダイアログを変更して、表示中にアニメーションが表示されず、ゆっくりとフェードアウトするようにするにはどうすればよいですか?

分類Dev

reactjsの別のアプリケーションで再利用可能なコンポーネントを作成するにはどうすればよいですか?

分類Dev

子コンポーネントと親コンポーネントの間でデータを渡すことなく、「フェッチ」リクエストをReactアプリのどこに配置する必要がありますか?

分類Dev

このReactコードは、Reactフックがなく、関数コンポーネント(ボタンサイドバー)ではなくクラスコンポーネントがあるとどのように見えますか?

分類Dev

ifステートメントで1つのimgを別のimgにゆっくり変更することは可能ですか?

分類Dev

ソフトウェア用にさまざまな実行可能コンポーネントを作成することは良い習慣ですか?

分類Dev

内部状態を失うことなくReactJSコンポーネントを表示/非表示にしますか?

分類Dev

それを再利用することができます前に、どのようにファイナライズ可能オブジェクトは、少なくとも2つのガベージコレクションサイクルを取りますか?

分類Dev

コンポーネントの一部のみを非表示にすることはできますか?

分類Dev

Springでデフォルトのオーバーライド可能なコンポーネントを作成するにはどうすればよいですか?

分類Dev

Springでデフォルトのオーバーライド可能なコンポーネントを作成するにはどうすればよいですか?

分類Dev

1つの<ListItem>コンポーネントが<List>反応マテリアルUIコンポーネントの下で展開されたときに、他の<ListItem>コンポーネントが折りたたみ可能であることを確認するにはどうすればよいですか?

分類Dev

別のコンポーネントのアンマウントライフサイクルを聞くことは可能ですか?

分類Dev

サードパーティのソフトウェアなしでWindows8にISOイメージをマウントすることは可能ですか?

分類Dev

Androidのintentserviceに複数のコンポーネントをバインドすることは可能ですか?

分類Dev

このようなスタイル付きのreactコンポーネントに状態を追加することは可能ですか?

分類Dev

Angular 4コンポーネントのコンテキストで関数を取得することにはどのような利点がありますか?

分類Dev

このようなコードを使用して、divをフェードアウトさせる代わりに非表示にする方法は?(JavaScript)

分類Dev

ビュー/ウィジェットを押し下げることなく、非表示のテキストビュー/レイアウトを上にスライド(開く)するにはどうすればよいですか?

分類Dev

メソッドを必要とする1つのコンポーネントと、それを必要としない他のコンポーネントによって使用されるように、共通のコンポーネントでメソッドを使用するにはどうすればよいですか?

分類Dev

従来のhtmlフォームにvueコンポーネントを追加することは可能ですか?

分類Dev

従来のhtmlフォームにvueコンポーネントを追加することは可能ですか?

分類Dev

ReactJSで独立したコンポーネント間の通信を実現することは可能ですか?

分類Dev

別のコンポーネント(親/子ではない)がそうするように言ったときに、Angular6コンポーネントをリロードするにはどうすればよいですか?

分類Dev

そのコンポーネントにルーティングするときに配列データが失われることなく、vuejs配列を別のコンポーネントに送信するにはどうすればよいですか?

分類Dev

「ダウンロード可能なソフトウェア」をファイルにエクスポートするにはどうすればよいですか?

Related 関連記事

  1. 1

    このReactコードは、Reactフックがなく、機能コンポーネントではなくクラスコンポーネントがあるとどのように見えますか?(追加のウィンドウを開くボタン)

  2. 2

    このdivがゆっくりフェードアウトしないのはなぜですか?

  3. 3

    表示/非表示を使用して段落をゆっくりとフェードイン/フェードアウトしようとしています

  4. 4

    ブートストラップモーダルダイアログを変更して、表示中にアニメーションが表示されず、ゆっくりとフェードアウトするようにするにはどうすればよいですか?

  5. 5

    reactjsの別のアプリケーションで再利用可能なコンポーネントを作成するにはどうすればよいですか?

  6. 6

    子コンポーネントと親コンポーネントの間でデータを渡すことなく、「フェッチ」リクエストをReactアプリのどこに配置する必要がありますか?

  7. 7

    このReactコードは、Reactフックがなく、関数コンポーネント(ボタンサイドバー)ではなくクラスコンポーネントがあるとどのように見えますか?

  8. 8

    ifステートメントで1つのimgを別のimgにゆっくり変更することは可能ですか?

  9. 9

    ソフトウェア用にさまざまな実行可能コンポーネントを作成することは良い習慣ですか?

  10. 10

    内部状態を失うことなくReactJSコンポーネントを表示/非表示にしますか?

  11. 11

    それを再利用することができます前に、どのようにファイナライズ可能オブジェクトは、少なくとも2つのガベージコレクションサイクルを取りますか?

  12. 12

    コンポーネントの一部のみを非表示にすることはできますか?

  13. 13

    Springでデフォルトのオーバーライド可能なコンポーネントを作成するにはどうすればよいですか?

  14. 14

    Springでデフォルトのオーバーライド可能なコンポーネントを作成するにはどうすればよいですか?

  15. 15

    1つの<ListItem>コンポーネントが<List>反応マテリアルUIコンポーネントの下で展開されたときに、他の<ListItem>コンポーネントが折りたたみ可能であることを確認するにはどうすればよいですか?

  16. 16

    別のコンポーネントのアンマウントライフサイクルを聞くことは可能ですか?

  17. 17

    サードパーティのソフトウェアなしでWindows8にISOイメージをマウントすることは可能ですか?

  18. 18

    Androidのintentserviceに複数のコンポーネントをバインドすることは可能ですか?

  19. 19

    このようなスタイル付きのreactコンポーネントに状態を追加することは可能ですか?

  20. 20

    Angular 4コンポーネントのコンテキストで関数を取得することにはどのような利点がありますか?

  21. 21

    このようなコードを使用して、divをフェードアウトさせる代わりに非表示にする方法は?(JavaScript)

  22. 22

    ビュー/ウィジェットを押し下げることなく、非表示のテキストビュー/レイアウトを上にスライド(開く)するにはどうすればよいですか?

  23. 23

    メソッドを必要とする1つのコンポーネントと、それを必要としない他のコンポーネントによって使用されるように、共通のコンポーネントでメソッドを使用するにはどうすればよいですか?

  24. 24

    従来のhtmlフォームにvueコンポーネントを追加することは可能ですか?

  25. 25

    従来のhtmlフォームにvueコンポーネントを追加することは可能ですか?

  26. 26

    ReactJSで独立したコンポーネント間の通信を実現することは可能ですか?

  27. 27

    別のコンポーネント(親/子ではない)がそうするように言ったときに、Angular6コンポーネントをリロードするにはどうすればよいですか?

  28. 28

    そのコンポーネントにルーティングするときに配列データが失われることなく、vuejs配列を別のコンポーネントに送信するにはどうすればよいですか?

  29. 29

    「ダウンロード可能なソフトウェア」をファイルにエクスポートするにはどうすればよいですか?

ホットタグ

アーカイブ