reactcsstransitiongroup

0熱度

2回答

有人可以幫助我上下滑動轉換，我試圖創建一個全屏彈出。我無法使用CSSTransitionGroup獲得所需的滑動效果。代碼例子可以在這裏發現任何幫助將非常感激。謝謝

1熱度

2回答

我已經設置了具有動畫轉換的路由器。是否有可能僅在子路徑上觸發轉換，而不是在用戶從/話題/渲染移動到/話題/組件時轉換整個頁面。活生生的例子：https://codesandbox.io/s/r0PvB30wk import React from 'react' import { render } from 'react-dom' import { BrowserRouter as Router

0熱度

1回答

在重組組件上使用csstransition時，獲取警告'不支持字符串參考，請使用回調'？

我得到這樣的警告：不支持，請以反應的組分CSS轉換時使用的回調串裁判。 render() { <ReactCSSTransitionGroup //Timeouts> <SomeComponent/> </ReactCSSTransitionGroup> } 我把零件包裝在ReactCSSTransitionGroup。

1熱度

1回答

等待一個React CSS動畫結束後再開始另一個

我使用React和CSSTransitionGroup組件在我的應用程序狀態下在兩組members之間切換。其狀態包含members，其中每一個都有一個標誌來說明他們是否是真正的成員。它還包含一個標誌來跟蹤哪種類型的成員，我們正在查看： this.state = { viewMembers: true, members: [ { id: 1,

0熱度

1回答

第一次使用React Transition Group時遇到問題

美好的一天！我編寫了這個代碼來測試React轉換組庫，並最終陷入了錯誤。該腳本得到運行，我看到頁面上的數據填充表單樣式，但是當我單擊提交按鈕表單不會消失。錯誤參考說明：失敗的道具類型：道具timeout在CSSTransition中標記爲需要，但其值爲undefined。（在app.jsx：24） in App（at index.js：7）但是transitionAppearTimeot = {

0熱度

1回答

反應CSSTransitionGroup不應用類

我必須缺少的東西。我查閱了各種不同的例子來說明如何做到這一點，但我無法讓我的工作。我只需要將一個元素轉入或轉出。我打電話給togglePopup()來翻轉布爾狀態，它正確顯示/隱藏div.popup-msg但過渡類沒有得到應用，很明顯，該元素沒有過渡或過渡。編輯：我試圖在其自己的組件中移動彈出窗口，認爲問題可能與它在無狀態功能組件內而不是直接在render()中。仍然沒有運氣。 toggleP

1熱度

1回答

React插件CSS轉換組不在onEnter和onLeave上添加類

請我似乎無法得到我在做什麼錯在這裏，我試圖給一個元素設置動畫，但這些類意圖在轉換時添加到元素不要添加，使用開發人員工具監控它，並且不會添加任何內容。使用react-transition-group 2.0.1 我像這樣導入庫。 import {CSSTransition} from 'react-transition-group'; 這是我的JSX代碼。這是我的CSS代碼。 .sub

0熱度

1回答

componentWillEnter不被調用TransitionGroup

我試圖添加頁面轉換到我的應用與反應路由器4.出於某種原因，功能componentWillEnter,componentWillLeave不被調用。有人知道爲什麼嗎？ index.js import React from 'react'; import { render } from 'react-dom'; import { BrowserRouter as Router } from 're

1熱度

1回答

React TransitionGroup不會卸載狀態變化的子項目

我正在用React Transition Group構建一個補充工具欄組件。相關的代碼如下： function FirstChild(props) { const childrenArray = React.Children.toArray(props.children); return childrenArray[0] || null; } class Sidebar

0熱度

1回答

CSSTransitionGroup組件沒有正確保留

我正嘗試創建一個模式，用於在您單擊登錄按鈕時淡入並在關閉它時淡出的遮罩。我決定給我們'反應 - 過渡組'圖書館來實現這一點。淡入淡出效果很好，但它會立即淡出，而不會應用動畫。我怎樣才能使它工作？連接成分： <div> <ModalRoot {...this.props}> <Grid> <Menu {...this.props}/>