Reactjs 如何编写一个响应弹簧以更改边距？

我尝试编写一个简单的react spring来更改组件的边距，但它不起作用，div只是使用“from”样式进行渲染

const gradients=useSpring({
发件人：{
marginTop:“0”
},
致：{
marginTop:“-100vh”
}
})
返回(
{某些内容}
)

花了我几个小时：您必须在

from

属性上设置度量单位，即使它是零

const gradients = useSpring({
        from: {
            marginTop: '0'
        },
        to: {
            marginTop: '-100vh'
        }
    })

    return (
        <animated.div style={gradients}>{some content}</animated.div>
    )