Как я могу сделать вложенную анимацию в Framer Motion?Javascript

Форум по Javascript
Ответить
Anonymous
 Как я могу сделать вложенную анимацию в Framer Motion?

Сообщение Anonymous »

Я начал использовать фреймер-двигатель 3 дня назад, я попытался создать раскрывающееся меню, в котором есть анимация для выпуска, в меню содержится список, который имеет анимацию слайдов, оно скользит при изменении меню в результате щелчка в
однако, скользящая анимация также вызывает анимацию с анимацией, а также, когда я получаю анимацию. симуляционно. Я хочу, чтобы две анимации были отделены друг от друга
Вот кода и ящик https://codesandbox.io/p/devbox/k9p4fs
const Header = ({barStuff,openStuff,menuStuff})=>{
const [bars,setBars] = barStuff;
const [open,setOpen] = openStuff;
const [menu,setMenu] = menuStuff;
const NavItem = ({children,leftIcon,rightIcon,onClick})=>{
return(
[*]
{leftIcon}
{children}
{rightIcon}

)
}
const Nav = ()=>{
const navItems = [
{iconLeft:undefined,iconRight:,path:'/',content:'Home'},
{iconLeft:undefined,iconRight:,path:'/Q&A',content:'Q&A'},
{iconLeft:undefined,iconRight:,path:'/About',content:'About'},
{iconLeft:,iconRight:,path:'/Settings',content:'Settings'}
]
const settingsItems = [
{ iconRight: , content: "Brightness", path: "/Settings/Brightness" },
{ iconRight: , content: "Appearance", path: "/Settings/Appearance" },
{ iconRight: , content: "Help & Support", path: "/Settings/Help" },
{ iconRight: , content: "Back", path: "/Settings" }
]
return(

{(!bars || open) &&


{menu==='main'&&
(
{navItems.map((item,ind)=>(
setMenu('Settings'):()=> setOpen(!open)}
>{item.content}
))}
)
}



{menu==='Settings' &&
(
{ settingsItems.map((item,ind)=>(
setMenu('main'):undefined}
>{item.content}
))}
)
}


}

)
}
return (

YuuAnimate
{bars? (

setOpen(!open)}
>


):(

)
}

)
}
< /code>
Я попытался создать раскрывающееся меню, которое имеет анимацию для выпуска, меню содержит список, который имеет анимацию слайдов, оно скользит при изменении меню в результате щелчка в
Однако скользящая анимация также запускает анимацию «Br /> hehome the CodeasandBoxboxboxboxboxboxboxboxboxboxбанка». https://codesandbox.io/p/devbox/k9p4fs

Подробнее здесь: https://stackoverflow.com/questions/797 ... mer-motion
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»