尝试将ReactSpring与SemanticUIReact结合使用，这是一个简单的例子

Question

大家好，谢谢大家抽出时间。

我正在尝试将Semantic ui React与React Spring一起使用，这里我有一个简单的例子

import React from 'react'
import {Segment, Header} from "semantic-ui-react"
import {useSpring, animated, config} from "react-spring"
function Semantix() {
const fading = useSpring({ config: config.slow,
from : {
opacity : 0,
marginLeft:"-50px"
},
to : {
opacity : 1,
marginLeft: "300px"
}
})

return (
<Segment>
<animated.Header style={fading}>Hey Hey</animated.Header>
</Segment>
)
}
export default Semantix

---

对于这样愚蠢的问题，我深表歉意，但我当时有点绝望，任何帮助都将感谢

Answer 1

在动画中，只有本地元素作为常量存在，如animated.div。您必须将animated用作其他非本地元素的函数，例如语义ui中的组件：animated(Header)

const AnimatedHeader = animated(Header);
return (
<Segment>
<AnimatedHeader style={fading}>Hey Hey</AnimatedHeader>
</Segment>
);