我有一个组件的情况(例如计时器滴答作响)。在触发特定触发器时,例如单击按钮或滚动页面,我想将<Timer/>
组件的Wrapper组件从ID为dummyWrapper
的div更改为ID为newParent
的div。是否有任何特定的React方法来实现这一目标?
通过使用门户网站,该元素被安装和卸载,从而丢失了计时器的当前“状态”。
使用document.getElementById(
newParent ).appendChild(TimerWrapper)
似乎有效,但是我不确定这是否是一种好方法。
示例DOM结构:
<App>
<div id="newParent"/>
<Child />
</App>
const Child = () => {
return <div> <div id="dummyWrapper"> <Timer/> </div>
}
您需要将状态从子组件提升到父组件。