React-spring Transition не повторила анимацию - PullRequest
Новая
       10

React-spring Transition не повторила анимацию

0 голосов
/ 03 июня 2019

В моем приложении «Реакция» есть компонент, в котором я использую Transition из react-spring. 

import { Transition } from 'react-spring'

export class myComponent {
 state = {
   items: []
 }

 static getDerivedStateFromProps(props, state){
    const newItems = [...props.items]

    if(props.items !== state.items){
      return {items: newItems}
    }
 }

 render() {
  const { items } = this.state

        <Transition
        items={items}
        keys={item => items.id}
        initial={{ opacity: 1, height: 'auto' }}
        from={{ opacity: 0, height: 0 }}
        enter={{ opacity: 1, height: 'auto' }}
        leave={{ opacity: 0, height: 0 }}
      >
        {item => propsAnimations => (
          <section style={propsAnimations}>
            <Item
              key={item.selectionId}
            />
          </section>
        )}
      </Transition>
 }
}

Но когда я обновляю this.state.items, это не повторяет анимацию. Когда я обновляю items в состоянии, я изменяю только порядок элементов в массиве.

...