reactcsstransitiongroup

    14

    1答えて

    私はReactCSSTransitionGroupを持っています。私はCSSモジュール(および反応ルータからの動的ルーティングを使用していますが、これは期待どおりに動作していると思います)。 <ReactCSSTransitionGroup component="div" transitionName={transitions} transitionAppear

    1

    1答えて

    私は反応があるCSS遷移グループを学習しようとしています。次のコードを実行すると、ページがフェードインします。私はキャリアのURL約URLから行くとき import React from 'react'; import { render } from 'react-dom'; import { Router, Route, IndexRoute, useRouterHistory } from

    0

    1答えて

    私は私のコンポーネントでrender()関数内のコードを持っている: .. <ReactCSSTransitionGroup transitionName="testing" transitionEnterTimeout={600} transitionLeaveTimeout={600}> <div>testing animations!</div>

    1

    2答えて

    私はアニメーションに反応して反応するのが新しいです。だから、ページに "出現する"アニメーションがあれば、すべてが動いています。しかし、今私は問題があります。私がnavをクリックすると、新しいdivが瞬時に表示されるだけでなく、ゆっくりとフェードインします(またはそのマザーの他のアニメーション)が動作しません。 TLDR; onClickイベントは、それが設定したアニメーションを新しいクラスにしま

    0

    1答えて

    私はアイコンのグリッドを持っているとしましょう。各行には6つのアイコンがあり、3つの行があります。 私は行間に表示したいコンテンツを持つウィンドウを持っています。現在選択されているアイコンの行の下にウィンドウを表示したい。したがって、最初の行のアイコンが選択されている場合、最初の行の下にウィンドウが表示されます。 2番目の行のアイコンが選択されている場合は、2番目の行の下に表示します。等々。 アイ

    6

    1答えて

    ReactCSSTransitionGroupのアイテムの順序を指定することはできますか? 注文が重要な項目のリストを検討してください。 1つのアイテムを表示し、1つのアクションで隣接アイテムを非表示にしたい場合は、ReactCSSTransitionGroupはその順序を混乱させます。次のようなフィドルを見て、項目は[1, 2, 3, 4, 5]であるはずです。 http://jsfiddle.

    1

    1答えて

    私は要素をフェードインさせようとしていますが、何もしません。全体的な目標は、状態を切り替えるときに要素を表示することです(クリックしてトリガーするとshowOptions()) このクリックハンドラの有無にかかわらず、アニメーションが全く機能しないようです。 import React, { Component } from 'react'; import { connect } from '

    0

    1答えて

    FacebookのfixedDataTableを使用して在庫ダッシュボードを表示しています。私が達成する必要があるのは、フラッシュの固定データテーブルのセル(価格の列を言う)は、緑または赤の価格の変化に基づいています。どのように固定データテーブル内のアニメーションを達成するのですか?

    1

    1答えて

    ReactCSSTransitionGroupは、遷移を定義して保存するためにCSSファイルを使用します。それはいいですし、うまくいきます。しかし、コンポーネントが0msから10000msまでの任意の値をとる変数transition-durationのような可変の遷移構成を必要とする場合はどうでしょうか? CSSファイルに格納されている場合、コンポーネントのJavascriptクラス内からtran