Я использую массив для хранения слайдов, но не могу понять как это все анимировать, ибо один слайд должен совсем улететь, а два просто подчинвться

ты мапом (если массив ) можешь перебрать внутри слайда, а дальше всё как обычно клик на стрелку - goToNextSlide что то типа такого.

Я так и делал, но возникли проблемы при анимации

какая именно ?

Привет всем!
Есть функция что убирает последний эллемент массива в стейте walls
const CtrlZFunc = useCallback((event) => {
       if(event.ctrlKey && (event.which === 90 || event.keyCode === 90)) {
           const lastEl = walls.length - 1
           const tempArr = walls.slice(0, lastEl)
           setWalls([])
           return setWalls(walls => tempArr)
       }
   }, []);

Она как бы работает и эллемент действительно удаляется, вот только есть проблема с ним. Эллемент хоть и удалился, но useEffect у которого этот стэйт в зависимостях прописан — не отработал (если добавить эллемент в массив, то видно что эта функция отработала, просто useEffect почему то не стригерился на изменения ). Как это можно исправить?

ты не передал ему зависимость - поэтому он работает как аналог componentDidMount

Два слайда надо просто подвинуть грубо говоря, а один в начале должен проиграть анимацию удаления, а потом размонтироваться, ещё один слайд должен монтироваться

Тут код не useEffectа а функции что меняет массив. у useEffecta есть зависимость. Вот он:
useEffect(() => {
       DrawLines()
   }, [walls])

Но даже если useCallbackу добавить зависимость — это не работает. А вызывается этот каллбэк на нажатие ctrl z

скрыть можно с помощью цсс, зачем тебе монтирование / !монитрование. Это перерисовка а у тебя просто слайды скролятся

Я это и хотел спросить надо ли их всех одновременно держать в доме или нет, в таком случае вопрос решён

В том что DrawLines() рабочий, я уверен

просто повесь обработчик на нужный елемент без useEff

коллеги, дайте плиз совет. делаю верстку(таблица+шапка+заголовок), тестирую на 1920*1080 и у меня получается скролл всей страницы. Как можно избавится, чтобы только в таблице оставался скролл

Можно попробовать дизейблить оверфлоу пока до конца не докрутил

Так у меня ctrl z и так без рефа обрабатывает, а на весь document, или я не так понля?

понятно, попробую. Спасибо

useEffect(() => {        
       document.addEventListener("keydown", CtrlZFunc, false);
       return () => {                                                  
           document.removeEventListener("keydown", CtrlZFunc, false);
       };    
   }, [walls])

Вот так его обрабатывает

В том что эта часть работает — я уверен

Здравствуйте

Кто из Украины?