react-spring - 使用 react-spring 进行 onclicks 翻译的正确方法是什么

Question

    const props = useSpring({
    transform: toggle ? "translateX(-200px)" : "translateX(0)",
    opacity: toggle ? 1 : 0
});

我目前有一个具有上述样式的 div，并且 opacity 与 onclicks 配合得很好，但我在翻译时遇到了问题。基本上我想制作某种滑出 div 的动画。正确的做法是什么？