我有一個下拉選單，當它被切換時，選單會淡入淡出。我要洗掉的是在加載初始頁面時激活的關閉影片。我不希望在最初加載頁面時播放關閉的影片。
const [menuOpen, setMenu] = useState(false);
const location = useLocation();
useEffect(() => {
setMenu(false);
}, [location]);
const variants = {
open: { opacity: 1, x: 0 },
closed: { opacity: 0, x: "-25%" },
};
return (
<div>
<button
onClick={() => {
setMenu((menuOpen) => !menuOpen);
}}
>
</button>
<div>
<motion.nav animate={menuOpen ? "open" : "closed"} variants={variants}>
<DropDownMenu />
</motion.nav>
</div>
</div>
);
是否有任何解決方案使影片僅在切換按鈕時激活？
uj5u.com熱心網友回復：
按照檔案
設定為使用 animate 中的值
false進行初始化（禁用安裝影片）。
// As false (disable mount animation)
<motion.div initial={false} animate={{ opacity: 0 }} />
所以傳遞initial={false}給你的motion.nav標簽。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/461218.html
標籤：javascript 反应 成帧运动