Описание тега reactcsstransitiongroup
Связано с переходами библиотеки React
2
ответа
Анимация ReactCSSTransition не гладкая для изображения
Я попытался реализовать анимацию постепенного появления / исчезновения в React с использованием ReactCSSTransitionGroup. Я следовал этому решению в предыдущих SO ответах. У меня есть компонент, который содержит изображение и текст. Анимация плавная …
10 апр '18 в 11:59
2
ответа
Реагирование: рендеринг списка в обратном порядке
Я создаю приложение с помощью React и Reflux и пытаюсь отобразить список элементов в определенном порядке. Элементы - это пользовательские компоненты Post, которые отображаются в обратном хронологическом порядке, поэтому самая новая запись находится…
03 май '15 в 22:04
1
ответ
Можно ли использовать CSSTransitionGroup для анимации двумя различными способами в зависимости от состояния?
Сценарий таков: я хотел бы анимировать серию похожих на Google карт в разных направлениях в зависимости от того, нажимает ли пользователь "следующий" или "предыдущий". Анимации в одном направлении легко с CSSTransitionGroup - у меня есть кнопка "Дал…
09 окт '15 в 19:56
1
ответ
Реактивная группа перехода и анимации
Проблема в том, что у меня есть форма с тремя состояниями: по умолчанию, ошибка и успех. В зависимости от состояния, конкретный компонент отображается в DOM. Мне нужно добавить анимацию постепенного исчезновения, когда этот компонент входит или выхо…
22 янв '18 в 00:47
2
ответа
Сложная анимация возможна с ReactCSSTransitionGroup и React Router?
Мне интересно, подходит ли ReactCSSTransitionGroup для моего варианта использования или нет. На одном из маршрутов у меня есть кнопка поиска, когда пользователь нажимает на нее, кнопка должна уходить, пока она загружается на странице поиска. После з…
04 апр '16 в 13:23
1
ответ
Реагировать css переходная группа анимировать один элемент
Я использую CSSTransitionGroup из response-transition-group, и у меня есть страница, отображающая несколько объектов, которые проходят через некоторые фильтры (каждый фильтр изменяет состояние массива - иначе это сделать нельзя). Я хочу активировать…
24 июн '17 в 20:28
1
ответ
Реагировать TransitionGroup componentWillLeave не предпринимать никаких действий
У меня странная проблема с TransitionGroup в React. В первый раз каким-то образом мне удалось создать группу и компонент, который зависает и не обновляется на основе значений состояния. Есть один компонент (A), который всегда имеет TransitionGroup. …
27 авг '15 в 17:44
1
ответ
Реагировать на CSS-переходы
Я изучаю React CSS Transitions. Поэтому я решил сделать скользящую боковую панель навигации. Боковая панель скользит справа просто отлично. Но я не могу заставить анимацию работать. Я не уверен, что происходит. JSX: render: function() { return( <…
11 сен '16 в 04:30
1
ответ
ReactJS ReactCSSTransitionGroup, почему работает один компонент, а не другой?
Попытка выяснить, почему эта анимация ReactCSSTransitionGroup работает: class SlideExample extends React.Component{ constructor(props) { super(props); this.state = { visible: false }; this.handleClick = this.handleClick.bind(this) } handleClick() { …
13 апр '17 в 21:29
0
ответов
Я пытаюсь реализовать ReactCSSTransitionGroup, она начинается с Появления, но никогда не перемещается в Ввод или Выйти
"Появление" работает нормально, но никогда не запускает состояние "Ввод". Я не могу найти, что они применяют состояние Появления и после его завершения останавливается. import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; Javascr…
11 ноя '18 в 02:26
0
ответов
Fade in transition не работает с помощью responsejs transitiongroup
Мне нужна помощь, потому что я не могу понять, что я делаю неправильно... Ниже приведен мой метод рендеринга из моего компонента и используемого CSS. То, что я пытаюсь сделать, пока пользователь не аутентифицирован, чтобы увидеть заставку вместо мар…
08 окт '18 в 00:36
0
ответов
React-Redux против ReactCSSTransitionGroup
Я столкнулся с проблемой, связывающей Redux и ReactCssTransitionGroup. Я хочу преобразовать старые элементы в новые и в новые. Движение - это хорошо, но, так как примитив нарушает отношения между родителями и дочерними элементами, старые элементы от…
24 авг '16 в 00:37
1
ответ
ReactCSSTransitionGroup - как переопределить componentWillLeave(обратный вызов)?
Я пытаюсь получить доступ к componentWillMount зацепить, чтобы затемнить элемент canvas, который не является потомком переходного <Home> составная часть. (Анимация <Home> сам работает как положено.) <ReactCSSTransitionGroup transition…
28 мар '16 в 05:14
1
ответ
React - CSS-переход как страница книги
Я изучаю более сложные темы, изучая React и Front Web Dev в целом. Я узнал о ReactCSSTransitionGroup с уходом / вводом.. и т. д. Но кажется, что он больше не поддерживается, и мы должны использовать CSSTransitionGroup сейчас. Я сделал небольшой небо…
05 мар '18 в 19:05
1
ответ
ReactCSSTransitionGroup с модулями CSS
У меня есть ReactCSSTransitionGroup, которую я использую с модулями CSS (и динамической маршрутизацией от реакции-маршрутизатора, но я считаю, что это работает, как и ожидалось). <ReactCSSTransitionGroup component="div" transitionName={transition…
26 сен '16 в 19:00
0
ответов
Реагировать CSSTransition Для одного изображения с изменяющимся значением [src]?
Я работаю над каруселью, которая обеспечивает чередующееся значение src для изображения. Это работает, однако я не могу заставить React CSSTransition работать, поскольку технически это тот же элемент, только с изменяющимся значением src, которое свя…
14 дек '18 в 02:10
1
ответ
React Router + анимация страницы + модульность
Это вопрос о маршрутизаторе React и его дизайне, особенно при рассмотрении переходов страниц. React разработан для модульности, и он превосходен в этой области. Но я нашел одну задачу, которая кажется довольно трудной для выполнения при сохранении и…
20 янв '19 в 21:01
1
ответ
React CSS Transition не работает и классы никогда не применяются
Это мой метод в компоненте реагирования. Я следовал всем советам http://reactcommunity.org/react-transition-group/css-transition/ и фактически скопировал из этого CSS-код, чтобы увидеть, как он работает, но я просто кажется, не может заставить его р…
23 июл '18 в 23:39
1
ответ
CSSTransition анимация не работает
У меня есть анимация для реактивного компонента, который я не могу запустить. Я думаю, что что-то не так с переходами, потому что, если я просто на анимацию непрозрачности, все работает нормально Я использую CSSTransitionGroup от react-transition-gr…
29 сен '17 в 13:11
1
ответ
Как анимировать данные в таблице при обновлении через ReactCSSTransitionGroup?
ReactCSSTransitionGroup добавляет класс только тогда, когда компонент добавляется или удаляется, но при обновлении данных он не анимируется...
10 янв '17 в 19:36