у меня есть компонент App(){
const [state,setState] = useState(true)
return <div> {state ? <Child/> : null}</div>
}
как сделать появление Child плавным (добавить анимацию) ?
Сначала проигрывать анимацию, потом скрывать
Тебе ответили, террорист
появление, то есть не рендерить этот компонент где-то с дисплей нон или опасити 0
любую либу анимации установи
CSS анимации / библиотеки типо react-sprint framer motion
пропиши диву в который все обернуто key, задай туда что-нибудь что будет меняться если child меняется, и этому диву дай просто класс и анимацию напиши в стилях
Не благодари
а то есть условно анимировать сам див в котором лежит чайлд
угу, при смене key див будет рендериться заново
Обсуждают сегодня