Question

我试图在我的React组件中添加一个回调函数来捕获transitionstart事件。显然，仅支持transitionend。您知道任何解决方法吗？

<div
    className="super-component--animated"
    { /** Not supported **/ }
    onTransitionStart={() => {
        this.changeAnimationStatus(true);
    }}
    onTransitionEnd={() => {
        this.changeAnimationStatus(false);
    }}
>
     Hello Friends!
</div>

过渡事件： https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/transitionstart_event

Answer 1

React中所有不受支持的事件都应以原始样式处理。

const MyComp = () => {
...
 const handler = () => {
 ref.current.addEventListener('your_event', () => {...})
 }
 return <div ref={ref}/>
}

请参阅以下沙箱： transition start listener example

React组件中的transitionstart事件

1 个答案: