我当时正在做反应项目。当我们单击重新加载按钮时,我试图重新加载组件。我实现了 onClick 函数,如下所示。但它正在重新加载整个窗口。我只想重新加载该类组件,而不是整个窗口。谁能帮我解决这个问题吗?
refreshPage() {
window.location.reload();
}
我发现的最简单的方法是设置种子状态,并在渲染组件的关键属性中使用它。现在只要种子发生变化,组件就会重新加载。
const [seed, setSeed] = useState(1);
const reset = () => {
setSeed(Math.random());
}
<Component key={seed}/>
<Button onClick={reset}>Reset</Button>
现在,每当按下“重新加载”按钮时,我需要的组件都会被重新渲染。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)