/Javascript/React/React spring transition animations

React spring transition animations

const [items, set] = useState([...])
const transitions = useTransition(items, item => item.key, {
from: { transform: 'translate3d(0,-40px,0)' },
enter: { transform: 'translate3d(0,0px,0)' },
leave: { transform: 'translate3d(0,-40px,0)' },
})
return transitions.map(({ item, props, key }) =>
<animated.div key={key} style={props}>{item.text}</animated.div>
)

-2

Source: react-spring.io

Similar codes

4 votes293 views2 answers
Google map react search place
Javascript React
0 vote295 views1 answer
React js error stackoverflaw
Javascript React
1 vote311 views1 answer
Functional component how to add to existing array react
Javascript React
1 vote297 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
1 vote300 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote260 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote289 views1 answer
About react frame
Javascript React
2 votes298 views2 answers
Text number of lines react native
Javascript React
29 votes278 views6 answers
If react
Javascript React
0 vote318 views1 answer
What difference between react func and class components
Javascript React