将 Ui 过渡变形变得简单
只需标记第一个和最后一个状态,即可将一个元素魔术般地动画化为另一个元素。
npm install react-morph
# or
yarn add react-morph导入 useMorph 钩子。
const morph = useMorph(options);然后将道具分发到要进行变形的元素中。
确保同时渲染的元素仅为 一个。
useMorph 钩子。{...morph} 分发要变形的元素import React from 'react';
import { useMorph } from 'react-morph';() => {
// Handle toggle state as you normally would.
const [toggle, setToggle] = useState(true);
const morph = useMorph();
return (
);
};请查看 文档。
暂无开放 Issues，或尚未同步最近议题。