Описание тега react-motion
NoneReact-motion - это пакет javascript для реагирования, обеспечивающий весеннюю анимацию на основе физики для реагирующих компонентов.
0
ответов
Запуск переходов только для первого слоя детей в React.js
Вот как выглядит мое приложение React.js: Слой X Слой XСлой YСлой Z Слой Z Слой YСлой А Слой XСлой БСлой C Слой C Каждый из этих слоев должен иметь уникальные переходы. В настоящее время моя проблема заключается в том, что созданные мной переходы пе…
14 дек '17 в 19:12
1
ответ
Проблема с React Router v4 и MatchWithFade
Этот вопрос связан с этим постом: React Router v4 Совпадение переходов с использованием React Motion ... но я думал, что это заслуживает отдельного вопроса. Я пытаюсь понять, как использовать <MatchWithFade> пример взят отсюда: https://react-r…
22 дек '16 в 20:36
0
ответов
Не удается заставить TransitionMotion работать в React Motion
Я пытаюсь сделать набор данных (this.props.data) в React с анимацией монтирования / размонтирования с использованием реакции-движения TransitionMotion и пружины. Эти данные обновляются из отдельного компонента с помощью функции поиска / фильтрации. …
30 окт '16 в 19:09
1
ответ
Анимированная шкала реагирует
Я пытаюсь оживить масштаб моего реагирующего компонента. Это кажется довольно простым, и это было в основном прямо из примеровReact-Motion : var component = () => { let style = { scale: spring(1.1, presets.wobbly)}; return ( <Motion style={sty…
30 июл '18 в 20:40
0
ответов
Тестирование снимков с помощью реактивной пружины / реактивного движения
Я пытаюсь сделать снимок для тестирования моих компонентов React с помощью Jest и Enzyme. Некоторые компоненты имеют компонент анимации (импортируется из react-spring/react-motion) в них, которая выполняет функцию своего потомка. Это делает тестиров…
28 дек '18 в 04:29
2
ответа
Как клонировать реагирующий элемент для перетаскивания
Итак, у меня есть список, и теперь я могу перетаскивать элементы (div) из этого списка, используя реагирующее перетаскивание. React-draggable делает исходный элемент перетаскиваемым (имеет смысл), но мне нужно перетащить копию (клон) исходного элеме…
28 апр '16 в 16:58
24
ответа
Реагировать - анимация монтирования и размонтирования одного компонента
Что-то такое простое должно быть легко выполнено, и все же я дергаюсь за то, насколько это сложно. Все, что я хочу сделать, это оживить монтирование и демонтаж компонента React, вот и все. Вот что я пробовал до сих пор и почему каждое решение не буд…
15 окт '16 в 21:10
2
ответа
Реакция вложенности
Вот код для демо-простого перехода от github. Ссылка Как добавить контент в движущийся элемент div. Я надеялся использовать вариант этого для запуска всплывающего меню, но не могу понять, как вставить в него внутренний контент. Спасибо import React …
19 сен '16 в 18:35
1
ответ
ReactJS реагирует на движение <Motion /> с помощью calc() из CSS
Я пытаюсь сделать следующее при использовании calc() внутри строки шаблона: <Motion defaultStyle={{ y: 0, opacity: 1 }} style={{ y: spring(this.state.navBarOpen ? 0 : `- calc(3.25em + 0.5vw)`), opacity: spring(this.state.navBarOpen ? 1 : 0) }} &g…
25 окт '18 в 03:47
1
ответ
Реактивное движение с редуксом
Я пытаюсь добавить новый комментарий в свое приложение React + Redux с помощью react-motion, class Comments extends Component { getDefaultStyles() { const { comments } = this.props; return comments.map((c, i) => { return { key: "" + i, style: { t…
04 фев '17 в 18:44
0
ответов
Живое состояние изменяется с помощью реактивного движения
Можно ли анимировать изменения состояния с помощью реагирующего движения? Может кто-нибудь привести простой пример? Например, если у меня есть <div>{this.state.foo}</div> где-то в моем компоненте, как я могу оживить изменения ключа состо…
27 сен '17 в 17:36
0
ответов
Как сделать анимированное движение из стороны в сторону с помощью реакции-движения
Я хочу сделать div переходить из стороны в сторону 3 раза после нажатия кнопки. Я могу сделать это, используя код ниже. jsfiddle здесь var Thing = React.createClass({ getInitialState: function () { return { left: 0 } }, sideToSide: function(count = …
08 фев '17 в 20:02
1
ответ
Обработчик событий внутри тега движения React-Motion игнорируется
Я пытаюсь воссоздать скользящее меню, используя React Motion. Вы можете увидеть мой нерабочий пример здесь: http://codepen.io/kirupa/pen/BQVzvQ (нажмите на синий кружок, чтобы отобразить меню или скрыть его) Здесь моя проблема. Меню должно исчезнуть…
10 дек '16 в 08:52
0
ответов
Любой конкретный пример о том, как использовать response-motion для SVG-пути с D3?
Все: Я довольно новичок в React-Motion, большинство примеров на его github о том, как интерполировать одно число, интересно, я хочу применить к нему массив объектов данных, как я могу это реализовать? Мой вариант использования заключается в реализац…
20 окт '16 в 21:01
1
ответ
Как получить накопленную высоту от дочерних элементов в родительском компоненте
Действительно извиняюсь за этот странно сформулированный вопрос. Я хочу создать короткую весеннюю анимацию с реагирующим движением. Пожалуйста, потерпите меня: У меня есть компонент, который загружает список локальных каталогов и файлов внутри фрейм…
18 июл '17 в 15:59
0
ответов
Хромовая полоса прокрутки недействительна после того, как я использую { Motion, spring } для переключения ползунка боковой панели
В моей программе есть боковая панель, которая использует overflow-y:auto атрибут Затем я попытался использовать ref для focus() а также forceupdate() на компоненте Slider, но это не сработало. Даже если focus() а также forceupdate() используются дол…
19 дек '18 в 08:03
0
ответов
Производительность мобильного Weap React-Motion слишком низкая
Я создаю сайт с помощью React + React-Router. Я использовал response-router-transition для анимации при переключении представлений и использовал React-motion-ui-pack для анимации небольших компонентов. Проблема в том, что когда я тестировал на насто…
03 авг '16 в 07:01
2
ответа
Как динамически загрузить Компонент в реагировать?
Я работаю над проектом Reactjs + React-motion, в "модальном окне" (скажем), я бы хотел монтировать или загружать компонент динамически, если это возможно? Мое решение до сих пор: я не смог найти способ, поэтому кажется, что легче разместить компонен…
29 апр '16 в 15:08
1
ответ
Как анимировать условно визуализированные компоненты?
Я пытаюсь использовать React Motion UI Pack, чтобы анимировать анимацию скольжения / выдвижения для боковой навигации. Это оно: constructor(props){ super(props); this.state = { isThere: false, showOverlay: false } this.updatePredicate = this.updateP…
10 янв '18 в 15:16
1
ответ
Вращение и масштабирование с помощью React-Motion
В React Motion v4 я не могу понять, как это сделать онлайн, изо всех сил пытаясь заставить меня "вращаться" и "масштабировать". Легко изменить простое свойство css вместе с простым изменением состояния, как показано ниже: <Motion defaultStyle={{o…
07 окт '16 в 22:24