React-Redux против ReactCSSTransitionGroup

Я столкнулся с проблемой, связывающей Redux и ReactCssTransitionGroup. Я хочу преобразовать старые элементы в новые и в новые. Движение - это хорошо, но, так как примитив нарушает отношения между родителями и дочерними элементами, старые элементы отображаются с новыми данными перед выходом.

Ниже скрипка, которая показывает отношения с одним ребенком и только на один уровень глубины.

<Parent>
  <Child/>
</Parent>

В этом случае было бы достаточно легко напрямую передать реквизит, но я надеялся на решение, которое будет играть лучше с более сложной структурой:

<GreatGrandParent>
  <GrandParent>
    <Parent>
      <Child/>
      <Child/>
      ...

Как можно запретить детям обновляться при запуске перехода?

https://jsfiddle.net/haygoodjon/wx0L0bx7/2/

^ Скрипка обновляет старое время, прежде чем удалить его из DOM. Ожидаемое поведение может быть достигнуто путем удаления подключения на Child и передачи времени непосредственно из приложения.

Источник

0 ответов

Другие вопросы по тегам