我有一些文字,我想简单地突出使用一个简单的react 包称为'react Animmarker'.我试图使用useState钩子,因为我想动态更新动画的速度,如图所示.然而,持续时间并没有改变我想要的方式.但在控制台中,它确实显示为变化.你知道为什么吗?
React包链接:https://github.com/ramonmetzker/react-animarker
import React, {useState} from 'react'
import {Mark} from 'react-animarker'
const Highlightx = () => {
const [speed, setSpeed] = useState(5)
const handleClick = () => {
setSpeed(20)
console.log(speed);
}
return (
<>
<Mark duration={speed}>Highlightx</Mark>
<button onClick={handleClick}>Hello</button>
</>
)
}
export default Highlightx