Я пытаюсь оживить h1, когда переменная становится истинной.
Вот код:
const styles = useSpring({
from: {opacity: 0},
enter: {opacity: 1}
})
return (
<Toggle> // this is a component I have built, it has a function in it called toggle, which sets
on to true or false.
{({on, toggle}) => (
<Fragment>
<button onClick={toggle}>Spring</button>
{(styles) => (
<Fragment>
{on && <animated.h1 style={{...this.styles}}>i will fade in</animated.h1>}
</Fragment>
)}
</Fragment>
)}
</Toggle>
Я прочитал документы, но не могу найти решение.