如何在ReactJS中重新加载而不刷新页面？

15 浏览
0 Comments

如何在ReactJS中重新加载而不刷新页面？

我想在不刷新页面的情况下重新加载我的ReactJS页面！如果有人点击页面上的“重新加载图标”，则不应重新加载页面，而应保持为单页面！请不要使用window.location.reload();。

0

2 答案

0 Comments

问题原因：在ReactJS中重新加载页面而不刷新页面的问题。

解决方法：通过条件性地提前返回Redirect组件来解决。在按钮点击事件中设置setReload(true)。在页面组件中添加以下代码：

// 在正常的返回之前
if(reload) return <Redirect to={window.location.pathname} />;

0
0 Comments

在ReactJS中，如果想要在不刷新页面的情况下重新加载组件，可以根据组件的类型选择不同的解决方法。

如果组件是一个类组件，可以在点击函数中使用this.forceUpdate()来重新加载组件。

如果组件是一个函数组件，可以按照这个答案的方法进行操作。

0