text过渡运动反应路由器4路径转换

const FadeRoute = ({ component: Component, ...rest }) => {
return (
(
willEnter={() => {return {opacity: 0, translateX: 24}}}
willLeave={() => {return {opacity: spring(0, animationPresets.out), translateX: spring(24)}}}
defaultStyles={[ {
key: location.pathname,
style: { opacity: 0, translateX: 24},
data: match
} ]}
styles={match ? [ {
key: location.pathname,
style: { opacity: spring(1, animationPresets.in), translateX: spring(0) },
data: match
} ] : []}
>
{interpolatedStyles => (