Size: a a a
SG
CSSTransition сделать анимацию удаления элемента массива? я так понимаю, это делается не через inAR
CSSTransition сделать анимацию удаления элемента массива? я так понимаю, это делается не через in<TransitionGroup>
{list.map(item => <CSSTransition key={…}>…</CSSTransition>)}
</TransitionGroup>
AR
SG
SG
<TransitionGroup> пытался, попробую добавитьSG
AR
SG
<CSSTransition
key={keyProp}
appear
timeout={200}
classNames="fade"
onEnter={() => console.log('enter')}
onExit={() => console.log('exit')}
onExiting={() => console.log('exiting')}
unmountOnExit
>
SG
SG
AR
<CSSTransition
key={keyProp}
appear
timeout={200}
classNames="fade"
onEnter={() => console.log('enter')}
onExit={() => console.log('exit')}
onExiting={() => console.log('exiting')}
unmountOnExit
>
SG
SG
AR
SG
SG
SG
SG
<TransitionGroup>
{items.map(item => <Component key={item.value} keyProp={item.value} />)}
</TransitionGroup>
const Component = ({ keyProp }) => {
return (
<CSSTransition
key={keyProp}
timeout={200}
classNames={fadeTransition}
onEnter={() => console.log('enter')}
onExit={() => console.log('exit')}
onExiting={() => console.log('exiting')}
>
<div />
</CSSTransition>
)
}
SG
AR