react-transition-group

0熱

2答えて

誰かがこの問題に少しでも光を当ててくれることを願っています。多くの試みの後、ReactCSSTransitionGroupを私の反応アプリに正しくインポートすることができました。今私は次の警告を受けて、私の移行は機能していません。警告：配列またはイテレータの各子には、一意の「キー」小文字が必要です。メインのApp.jsファイルに、このようなReactCSSTransitionGroup要素でコ

1熱

1答えて

マテリアルUI：反応遷移グループのバグ2.2.0

反応遷移グループのmain documentationで説明したように<Transition>を使用しています。 import React from 'react'; import PropTypes from 'prop-types'; import Transition from 'react-transition-group/Transition'; const defaultSty

1熱

1答えて

リアクションのCSSトランジションが動作しない

私はjavascriptおよびコーディングニューで、専門家から助言を得ることを望みます。私は '反応遷移グループ'でCSS遷移をしようとしていますが、うまくいきません。なぜ動作しないのか分かりません。アニメーションは表示されません。コンソールにエラーは表示されません。ここに私のコードは次のとおりです。 import React, { Component } from 'react'; imp

0熱

1答えて

React TransitionGroup、GSAP、およびMobXを使用して同じコンポーネントを再レンダリングする

さまざまなUIコンポーネントを使用して様々な質問を画面にレンダリングする調査のようなReactアプリケーションがあります。しかし、調査の性質上、正確に同じコンポーネントを使用して多くの質問が再レンダリングされます。たとえば、「A/Bセレクタ」または「チェックリスト」。私が達成したいのは、最初にDOMに再使用されるのか、最初にマウントされるのか、下からフェードアップするのかにかかわらず、各コンポ

0熱

1答えて

componentWillAppearとcomponentWilEnterは決して発動しません

私のcomponentWillAppear, componentWillEnter and componentWillLeaveが私のsrc/AnimatedWrapperが決して発砲しないのはなぜわかりませんか？そのファイルのcomponentDidMountだけが起動するようです。他のライフサイクルイベントを起動させるにはどうすればよいですか？ここで私はここでを試してみました。ここに私src

0熱

1答えて

Material-UI v1.0.0.-beta React-Transition-Groupの問題

material-ui v1.0.0-betaのテスト中に、webpack 3.8.0を使用してビルドするときに次のエラーが発生しました。私はthisのような他のいくつかの質問に出くわしましたが、誰かがこれが正当な問題であり、依然として人々に見られることを確認できたらいいと思っていますか？私はさらに"react-transition-group": "^2.2.1"をpackage.jsonに加え

0熱

1答えて

ReactCSStransitionGroupまたはReactTransitionGroupを使用してReact JSでステートレスコンポーネントをスライドさせるにはどうすればいいですか？

最初にdisplay:noneに設定されているステートレスコンポーネントを、親コンポーネントの1つで状態が変更された後に表示するようにスライドしたい場合は、あたかもドロップダウンのようにスライドするようにします。私はアニメーションの部分に新しいです、私は試していたthis_link。これまでのところ私はサンドボックス（https://codesandbox.io/s/0xrjp051pp）で試

2熱

1答えて

ページリアクションルータv4とリアクショントランジショングループv2

私はリアクションルータv4とリアクショントランジショングループv2を使ってページスライドアニメーションをテストしています。 const RouterMap =() => ( <Router> <Route render={({ location }) => <TransitionGroup> <CSSTransition key={location.pat

1熱

1答えて

リアクショントランジショングループv2を使用したルートアニメーショントランジション

リアクショントランジショングループ-v2とリアクションルータ-v4を使用して入力時に子ノードをアニメーション化するにはどうすればよいですか？たとえば、3つの子divノードを含むAboutコンポーネントがあります。 class About extends React.Component { render() { return ( <div> <div>About</div>

0熱

1答えて

反応遷移グループのカスタムリアクションカルーセルCSS

私はReactとreact-transition-groupパッケージでカスタムカルーセルを構築しようとしています。コア機能は動作していますが、私は古い項目の左スライドアウトと新しい項目の左スライドインを実行するCSSを書くのに苦労しています。どんな提案も大歓迎です！私は以下の失敗した試みを含めました。私はそのための私のスタイルを貼り付けるの下 HTML import React, { Compo