useViewTransitionState当指定位置存在活动的视图过渡时，此 Hook 返回 true。 这可用于对元素应用更细粒度的样式，以进一步自定义视图过渡。 这要求通过 Link（或 Form、NavLink、navigate 或 submit 调用）上的 viewTransition 属性为给定的导航启用视图过渡。
考虑单击列表中需要展开到目标页面上的主图的图像
function NavImage({ src, alt, id }) {
const to = `/images/${idx}`;
const vt = useViewTransitionState(to);
return (
<Link to={to} viewTransition>
<img
src={src}
alt={alt}
style={{
viewTransitionName: vt ? "image-expand" : "",
}}
/>
</Link>
);
}
