当前位置：文江博客话题详情

React Native 快速刷新 - 在当前页面重新加载

发布于 2025-01-17 06:13:32 字数 136 浏览 1 评论 0原文

我想知道是否可以将 React Native 快速刷新配置为仅在导入的文件被修改时重新加载当前页面。我正在开发一个具有许多连续页面的应用程序，当快速刷新重新加载整个应用程序时，我必须导航许多页面才能返回到我正在处理的页面。

任何建议都非常感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

秋凉 2025-01-24 06:13:32

调用 reload 方法告诉浏览器重新加载当前页面：

window.location.reload(false);

此方法采用一个可选参数，默认设置为 false。如果设置为 true，浏览器将从服务器而不是页面的缓存版本执行完整的页面刷新。
由于 React 使用 JavaScript 作为其核心，因此您可以随时随地使用普通 JavaScript。

React 组件内的 location.reload 方法：

import React from 'react';

function App() {
  
  function refreshPage() {
    window.location.reload(false);
  }
  
  return (
    <div>
      <button onClick={refreshPage}>Click to reload!</button>
    </div>
  );
}

export default App;

call the reload method to tell the browser to reload the current page:

window.location.reload(false);

This method takes an optional parameter which by default is set to false. If set to true, the browser will do a complete page refresh from the server and not from the cached version of the page.
As React uses JavaScript at its core, therefore you can use vanilla JavaScript whenever and however you want.

location.reload method inside of a React component:

import React from 'react';

function App() {
  
  function refreshPage() {
    window.location.reload(false);
  }
  
  return (
    <div>
      <button onClick={refreshPage}>Click to reload!</button>
    </div>
  );
}

export default App;

回复收藏 0 原文

~没有更多了~