在react应用程序更新状态时加倍重新加载页面
在React应用程序更新状态时，可以通过重新加载页面来确保新的状态被正确地显示。重新加载页面是一种常见的解决方法，特别是在需要重置整个应用程序状态或者确保页面的完全刷新时。
重新加载页面的主要步骤是：
- 检测状态更新：在React中，可以通过使用Hooks或者类组件的生命周期方法来检测状态的更新。
- 准备重新加载：一旦状态更新被检测到，可以使用window.location.reload()方法来准备重新加载页面。
- 重新加载页面：调用window.location.reload()方法将会刷新整个页面，包括所有的资源文件和组件。
重新加载页面的优势包括：
- 简单易用：重新加载页面是一种简单、直接的方法，可以确保应用程序状态的正确性。
- 完全刷新：重新加载页面可以完全刷新整个页面，包括所有的资源文件和组件，确保页面的完全重置。
- 解决潜在问题：重新加载页面可以解决一些潜在的问题，如内存泄漏、组件状态不一致等。
在React应用程序更新状态时加倍重新加载页面的应用场景包括但不限于：
- 关键数据更新：当关键数据更新时，重新加载页面可以确保最新的数据被正确地显示。
- 复杂状态变化：当应用程序中存在复杂的状态变化逻辑时，重新加载页面可以简化状态管理，确保正确的状态被展示。
- 错误恢复：当应用程序发生错误或异常情况时，重新加载页面可以帮助恢复到初始状态，避免进一步的错误发生。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了全面的云计算服务和解决方案，包括但不限于以下产品：
- 云服务器（Elastic Cloud Server，ECS）：提供灵活可扩展的云服务器实例，支持各类应用程序的部署和运行。详细信息请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL（TencentDB for MySQL）：提供高可用、可扩展的云数据库服务，支持MySQL数据库的部署和管理。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
- 人工智能服务（AI Services）：提供丰富的人工智能服务，包括语音识别、图像识别、自然语言处理等，支持构建智能化的应用程序。详细信息请参考：https://cloud.tencent.com/product/ai_services
请注意，以上推荐的腾讯云产品仅供参考，具体选择和配置应根据实际需求进行。
相关·内容
重新加载react应用程序是否会删除react应用程序中保存的所有状态 编辑:更具体地说，问题是当其父组件重新加载时，子组件状态将发生什么，即状态是否将被移除
浏览 18提问于2021-09-08得票数 1
1回答
我想在我的react应用程序中加载所有脚本时触发一个函数。我的应用使用热加载器(react- hot -loader)。当页面上的所有脚本都加载并执行时，如何触发一些事件。谢谢!
我像这样加载模块/组件：
export const Root = hot(RootUnwrapped);
浏览 4提问于2019-04-10得票数 1
1回答
当我试图使用window.location.reload()方法刷新页面时，页面正在重新加载，但它正在从当前页面重定向到主页。我已经搜索了更多的方法，比如setInterval()，但是当我们在单击submit按钮后添加、删除和编辑记录时，表中的记录不是visible.so，因为我对这个react并不熟悉，请任何人帮助我克服这个问题
浏览 1提问于2022-02-08得票数 0
我的React应用程序中有一个注入的外部小部件，它有一些链接，当单击这些链接时，查询param会附加到URL中。
想象一下这样的事情：
添加查询param：url后的基url：
有任何方法来检测这个附加的查询param到URL使用React吗？在这里，页面没有完全重新加载是很重要的，因为有一些信息不能丢失，而且也不能使用外部库，比如React路由器DOM (在这里类似的问题中广泛使用)。
到目前为止，在不触发重新加载的情况下追加URL的方法如下：
if (history.pushState) {
const newUrl = window.location.protocol +
浏览 2提问于2022-08-25得票数 1
回答已采纳
1回答
我有一个登录页面，在提交表单时从服务器获得一个令牌。如果存在令牌，则不应显示登录表单。
但是，当加载登录页面时，Store总是空的，页面显示登录表单，然后填充道具，组件更新
LoginForm.js
如您所见，当一个表单输入被更新时，它会更新状态，从而导致组件重新加载-很好。
加载LoginForm。输入详细信息并提交-工作良好
调用API，获取令牌并将其保存在Store中-工作正常。
点击F5，我希望看到“您已经登录”-类似的作品。页面在显示文本之前简要显示登录表单。
从“React”导入TextField，从“react”导入{ Component }；从“axios
浏览 3提问于2017-09-07得票数 2
1回答
我有一个rails (7.0.2)应用程序，刚刚安装了React。我对响应非常陌生，并且似乎无法理解为什么我的组件看起来像多次加载，第一次是props的空值，第二次是props的正确值。
App.js：
import "./App.css";
import axios from "axios";
import Customers from "./components/customers";
import { useEffect, useState } from "react";
const API_URL = "http
浏览 8提问于2022-04-03得票数 0
回答已采纳
嗨，我正在用react native构建一个应用程序(使用expo)。当用户按下一个按钮(一个TouchableOpacity按钮)时，我想调用一个在数据库中添加记录的函数(这部分工作得很好)，然后重新加载页面(组件)。我找不到如何重新加载组件的解决方案。我尝试过forceUpadate()，但它不起作用
以下是我的代码
class Screen extends Component {
.
.
.
<TouchableOpacity
style={styles.style}
onPress={() => {
浏览 0提问于2019-01-24得票数 0
1回答
文件更改时页面刷新反应
、、、、
我有一个react/redux应用程序，当文件更改并点击保存时，它会刷新页面并清除所有redux数据。我知道我可以将redux数据持久存储到本地存储。我想知道的是，当文件更改时，刷新页面是react/node服务器的默认行为吗？如果不是，我如何防止它？
浏览 23提问于2020-07-11得票数 2
回答已采纳
嗨，我有组件和功能"handleAvatarUpload“。在onChange之后，我只想重新加载组件，而不是整个页面。现在，在change函数重新加载整个页面后，“只用于测试”。我如何才能重新加载一个组件在相同的地方，现在我把页面重新加载？
import { useUpdateSpecialistProfileMutation } from 'api-hooks/updateSpecialistProfile/updateSpecialistProfile.generated';
import { useS3DirectUpload } from 'hooks
浏览 3提问于2022-02-09得票数 1
2回答
react应用程序有搜索页面。有输入。路径是'search/:query'，默认情况下您会看到零结果。如果你去‘搜索/星战%20战争’，你会看到一些结果。在match.params.query中，我添加了if语句来加载结果，如果componentDidMount()不是null的话。
如果我键入搜索输入，蜘蛛侠并单击submit -我触发搜索并显示结果。但是如果你重新加载页面-你会看到关于星球大战的结果。那么如何更新match.params.query呢？或者可能有其他解决办法来解决这个问题。
浏览 0提问于2018-06-24得票数 0
回答已采纳
6回答
在完全基于服务器端的呈现(非Web2.0)中，部署服务器端代码将直接在页面重新加载时更新客户端页面。相反，在基于React的单页应用程序中，即使在更新了React组件之后，仍然会有一些客户端使用组件的旧版本(它们只在浏览器重新加载时获得新版本，这很少发生)，如果页面是完全SPA的话，一些客户端可能只在几个小时后刷新页面。
应该使用哪些技术来确保旧组件版本不再被任何客户端使用？
更新: API没有改变，只有React组件用更新的版本更新。
浏览 28提问于2015-12-21得票数 89
回答已采纳
1回答
我使用React来构建一个用户需要登录的网站。
该网站对用户保持状态不变。
这是奥斯的状态。
这个状态并没有发生太大变化。
当我刷新页面时，我的状态也会刷新！
如果有人刷新页面，我想保持状态。
我看了一下：，但这只适用于当前页面中的状态。
我想保存应用程序的主要状态，不管用户在什么页面上刷新页面。
怎么做？
我不知道你们需要什么代码，所以问我，我会把它加到这个问题上。
我真的需要帮助。
浏览 0提问于2019-01-30得票数 0
我正试图为我的客户做一个监督页面，但我正在努力实时更新一个ReactJS应用程序。这个监控页面可以包含多达16个视频流量，可以或不能同时使用。
当我用Django生成页面时，我构建了一个存储在JS变量中的初始列表：
var anims = {{list|safe}}
我的单个视频流量的ReactJS代码如下所示：
var ModelFlux = React.createClass({
displayName : "Flux player",
propTypes: {
animID: React.PropTypes.number.isRequire
浏览 2提问于2016-11-17得票数 2
回答已采纳
在我的应用程序中，我有一个可切换的开关，可以根据应用程序的动态URL进行检查或取消检查。例如，如果URL有一个名为followType的参数设置为following (例如https://www.example.com/home?followType=following)，我希望在页面加载时已经检查了该开关。
但是，useRouter()函数最初以null的形式获得以下类型，然后再花一秒钟获得param的实际值。此更改没有反映在返回的内容中，只有在更新页面状态时，开关才能实际反映param中的值。
下面是一个代码示例：
import { useRouter } from "next/r
浏览 6提问于2022-09-20得票数 1
回答已采纳
我的ReactJS组件包含一个iframe。为了响应外部页面中的事件，我需要重新加载iframe。如果用户已经导航到iframe中的另一个页面，我需要将它重置为我第一次加载该页面时的URL。此网址在this.props中可用。 我试过使用forceUpdate()。我可以看到这会导致render方法运行，但是iframe不会被重置--大概是因为React不能告诉你发生了什么变化。 目前，我将一些随机文本附加到iframe的querystring中:此URL更改将强制React重新呈现iframe。然而，这感觉有点脏: iframe中的页面不在我的控制范围之内，所以谁知道这个额外的querys
浏览 361提问于2018-02-16得票数 14
回答已采纳
1回答
我在React中有一个数组，它将使用useEffect显示。从上一个组件到下一个组件的东西。现在，我使用useState在页面加载时使用useEffect设置数组。但是当我刷新页面时，数组变得未定义，页面变为空白。如何再次获取数组，这样即使我重新加载页面，它也不会抛出错误。 我用过sessionStorage和localStorage。但对我来说什么都不是。 这是我到目前为止所做的代码： const location = useLocation();
useEffect(() => {
console.log(location.groupsname);
浏览 49提问于2021-05-11得票数 1
回答已采纳
我尝试在react原生应用程序中重新加载子页面。实际上，我是从组件导入我的子页面。如下所示：
import {Input,Button, Logo, Topcart,Heading, BackgroundWrapper,Navigation, AlertStatus,Header,Footer} from '../components';
显示产品计数的Topcart页面。点击add to cart按钮后，所有产品都会在cookies中进行设置。当我单击add to cart按钮时，新项目设置为cookies并将页面设置为购物车页面Actions.cart({data:resp
浏览 4提问于2018-02-12得票数 0
1回答
我有一个组件，当简化时如下所示：
import Sortable from 'react-sortablejs';
class App extends Component {
constructor(props) {
super(props);
}
updateItemOrder() {
let items = this.props.items;
items.forEach((item, index) => {
console.log(item._id);
console.log(index);
浏览 2提问于2017-05-01得票数 1
回答已采纳
我有一个带有两个选择输入的React组件；select A允许您选择一个大小，然后根据选择的内容将该大小传递到一个React钩子(getPackageBySize)中，该钩子执行一个GET查询，返回Select B的该大小的选项列表。因此：
Select A = 100 should return options ['A','B','C']
Select A = 50 should return options ['X','Y','Z']
当组件加载初始大小值为'100‘时，它为Select
浏览 18提问于2020-05-30得票数 0
React的新特性-原生的，正在努力更新当前视图。我有一个组件LanguageSelector，这是由应用程序组件加载。现在，当更改语言时，我希望将App组件字符串更新为新选择的语言。 一旦用户登录，语言选择器组件也会加载到header组件中，并且可以随时更改语言。我见过this explanation，但是通过监听每个组件上的语言变化来调用this.forceUpdate()似乎不太好，而且当组件嵌套时，情况会变得更糟。 我正在使用react-native-localization，我所做的一切就是(并且它是有效的)： import LocalizedStrings from 'r
浏览 20提问于2019-09-21得票数 0
我有一个包含多个页面和路由的web应用程序，在每一个页面中我都有一个包含大量数据的表，所以每次我更改页面和按后退按钮时，历史页面都会重新加载自己。
我想保留ListingPage的数据，就像我从DetailPage到ListingPage的时候一样。但是每次它调用getAllRecords函数并重新加载表时。
我尝试过更改dom选项和组件，但仍然找不到合适的解决方案。
我的应用程序页面结构如下所示
App.js
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import HomePage fro
浏览 3提问于2021-09-15得票数 0
3回答
我刚开始在后端进行反应和绑定，但在发出fetch请求后，我必须重新加载页面才能看到任何更改。一旦函数被调用，数据库就会更新，但组件不会重新呈现。我知道setState是异步工作的，所以我尝试在setState的回调中调用我的函数，但不起作用。 这在我的handleSubmit和handleDelete函数上都会发生。我最初的get请求在我的componentDidMount中，所以我将其包括在内，以防万一。 我在这个网站上找不到我需要的答案，也许只是没有推荐，但我就在这里，哈哈。提前谢谢。 componentDidMount() {
// todos is
浏览 36提问于2019-09-10得票数 3
假设我有一个位于场景内部的comp (react-native-router-flux)。它让人们选择他们最喜欢的水果。
import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {MKCheckbox} from 'react-native-material-kit';
var styles = StyleSheet.create({});
export default class PickAFrui
浏览 0提问于2016-11-14得票数 0
我的React应用程序目前在结构上相当简单，尽管组件中的逻辑越来越强烈。这个结构基本上是Index，它有一个Header组件，如果用户登录，它将加载Home组件，其中包含组件X、Y和Z，对应于左侧的侧边栏、主区域和右侧侧边栏。
当我正在处理右侧栏时，我有一些console.log()语句可以帮助解决问题。现在我注意到，根据我看到日志记录的频率，右边的Z组件在给定的新页面加载时呈现7次。该组件的代码大致如下：
使用React.useState([default value])Checks (authedUser)A Redux存储库为组件声明各种状态，以获取我的应用程序(authedUser)A
浏览 6提问于2022-08-11得票数 0
2回答
我有一个带表单的函数式React组件。表单有多个文本输入
<Form onSubmit={submitHandler}>
<div className="mb-3">
<label className="form-label">Role</label>
<input type="text" onChange={(e)=>setRole(e.target.value)} className="form-control" i
浏览 35提问于2021-05-30得票数 0
回答已采纳
Redux在页面重新加载时丢失状态，在我的应用程序中，我不能使用localStorage。什么是最好的选择:我不能使用localStorage的政策原因，所以坚持不帮助我。
我可以设置react路由器，以将数据保存在所有的应用程序router?... redux存储中。
浏览 1提问于2020-02-08得票数 0
回答已采纳
2回答
在我的应用程序中，发送ajax调用的反应性组件寥寥无几。除了一件事，一切都很好。当某个特定组件被更新时，我想刷新页面。所以我在location.reload()方法中使用了componentWillReceiveProps方法。尽管它工作正常，但不幸的是，每当组件获得更新时，整个页面都会重新加载，而不仅仅是具有location.reload()代码的组件。
为什么会发生这种情况，我如何防止/解决这一问题？
更新和澄清:谢谢你的回答。我非常清楚，状态更改会重新呈现组件。这不是一个独立的反应应用程序和刷新页面是一个要求。
这个react应用程序是WP设置页面的一部分，这是一个选项卡。设置的一个选项
浏览 1提问于2018-06-02得票数 1
3回答
这可能是一个非常愚蠢的问题，但我正在用React编写我的第一个项目，并且正在努力理解setState钩子的用途。
据我所知，setState钩子用于设置组件中使用的当前值，该组件的作用域仅限于该组件，并且在页面重新加载时不会持久。例如，值只是保存在内存中，直到它被销毁。
我的问题是，使用setState()存储值和简单地声明一个let变量并以常规方式更新它有什么不同？这两种方法似乎都只是持有该组件范围内的非持久化值。有什么关系？
浏览 0提问于2020-07-08得票数 0
我在试着理解如何“提升状态”的反应。在下面，有两个脚本，App.js和Child.js。这样做的目的是让h1标记在页面加载时读取“启动状态”，但在单击按钮时更改为“新状态”。但是，当前，页面在加载时显示“新状态”。
我在这里做错什么了？我应该如何正确地将状态从“子”提升到“应用程序”，以便在单击按钮时发生更改？
const App = () => {
const [state_, setState_] = React.useState("starting state");
const stateHandler = (data) => {
setS
浏览 3提问于2022-03-04得票数 1
回答已采纳
1回答
全局更改颜色导入
、、
我通过创建Colors.js来为我的react原生应用程序设置颜色： export default {
primary: 'green',
accent: 'red'
} 在我的组件中，我用import Colors from '../Colors.js'加载它 现在我想在我的设置屏幕上进行切换，它可以改变Color.js中的全局颜色。然而，我想不出是怎么做到的。我尝试用react-native-async-storage保存一个值，然后有条件地加载颜色，但这在组件中不起作用。 使用原生react有可能做到这一点吗？
浏览 41提问于2020-01-21得票数 0
我的用例是在单击按钮时重新加载应用程序，以便在单击之后可以重新定义许多属性。有没有办法通过代码重新加载react原生应用程序？
谢谢!
浏览 1提问于2016-05-15得票数 3
在我的应用程序的核心部分，我肯定做错了什么。
我想这就是我对API提出请求的地方。我也不满意的firstLoad标记告诉应用程序调用API。
我使用的是React/Redux建筑，从这个锅炉板。
它使用mapStateToProps、mapDispatchToProps和连接将所有东西粘合在一起。
所以我有一个叫做“商店”的组件
// only true when user first visits url OR presses F5 to refresh.
// Its conveniently false when page rerenders
var firstLoad = true;
浏览 0提问于2020-09-19得票数 1
回答已采纳
我已经设置了反应-热-重新加载的基础上的上的npm.第一步是添加
// .babelrc
{
"plugins": ["react-hot-loader/babel"]
}
我有一个单独的组件应用程序，它有一个计数器状态和一个按钮来增加状态计数器。在测试这个插件时，当我在render()方法中添加/删除随机组件时，它似乎工作正常，并且在我的.babelrc中保留了它的状态/没有这个插件。
所以我的问题是，这个拼图意味着什么？为什么要这么做？
我用来测试这个的应用程序
import { hot } from 'react-hot-loader/root
浏览 5提问于2020-02-21得票数 3
TL;DR
Vanilla-JS应用程序只在用户在页面上活动的情况下执行代码()，而React组件在DOM中加载组件后立即执行代码(即使用户在页面上没有活动)
我正在开发一个React网站，并使用"CSS转换“创建SVG动画，该动画通过向元素添加一个类来触发。下面是React代码
useEffect(() => {
function startAnimation() {
var wrapper = document.querySelector('svg#logo');
wrapper.classList.add('active&#
浏览 5提问于2021-05-14得票数 1
回答已采纳
我正在尝试使用流react组件构建聊天前端，返回具有此结构的ChatPage组件。
<ChatConfig config={config}>
<Chat client={client} customStyles={options?.theme}>
<ChannelList
Preview={CustomChannelPreview}
filters={filters}
sort={sort}
/>
<Channel>
浏览 4提问于2022-06-14得票数 0
回答已采纳
我是React的初学者，我对如何实现这一点感到困惑。
我有一个简单的函数来返回一个组件
renderCustomButtonText(style) {
return (
<span>
<input
value={this.state.contact}
placeholder="Custom Button Text"
/>
</span>
);
}
从状态接收输入值。当它第一次加载页面时，它从数据库中获得这个值，所以这是可以的，但当再次更新状态时，它又被更改了
浏览 2提问于2018-07-24得票数 0
我在Webview中有一个url，如，当前的代码可以加载inital页面，但是如果我在链接中输入了任何内容，页面需要一段时间才能加载，而且网站中没有加载指示符。当我们单击任何链接或页面加载，特别是在服务器端呈现类似于下一个js的链接或页面加载时，我们是否可以将页面加载指示符放置在中？
这是我的ReactNative代码。
import * as React from 'react';
import {
View,
Text,
Image,
SafeAreaView,
ScrollView,
TextInput,
TouchableOpacity,
}
浏览 4提问于2020-06-28得票数 3
回答已采纳
1回答
我正在构建一个简单的REACT应用程序，并使用react引导程序的列表组项。
App.js
import React from "react";
import "./App.css";
import { Container, Row } from "react-bootstrap";
import SimpleList from "./Containers/SimpleList";
function App() {
return (
<div className="App">
<
浏览 1提问于2020-08-08得票数 1
回答已采纳
如何在localStorage myCart数组中发生任何更改时立即更新cart页面数据？下面是我的代码
const [cart, setCart] = React.useState([])
React.useEffect(() => {
setCart(JSON.parse(localStorage.getItem('myCart')) || [])
}, [])
cart是在页面重新加载时更新的，而不是在新项添加或更新任何现有项时更新的！
如果有任何更改到“localStorage`”中，我如何做到这一点，即cart立即更新？
提前谢谢。
浏览 29提问于2020-07-14得票数 9
我正在React中创建一个游戏。基本描述:绵羊图像是从屏幕的中心“发射”的，它们被动画移动到边界。如果他们做到了，你就输了。如果你之前点击了它们，它们就会消失，你就可以继续了。我已经做好了所有的东西，除了计数器，它计算你点击了多少只羊。描述代码： <MainComponent // everything else inside it
renders <Component creating background/>
<Component creating sheep images
renders array of she
浏览 15提问于2019-01-28得票数 0
回答已采纳
2回答
据我了解，在客户端，React将重新呈现DOM中需要随时更新的部分状态更改，因此没有必要在初始页面加载之后重新加载整个页面(因此它将是一个单页应用程序)。
有了服务器端的渲染，我还能使用这个单页应用程序吗？
有一个关于这个话题的，但我相信它没有回答我的问题。如果我想实现单页应用程序，是否必须同时使用服务器端和客户端呈现？
浏览 1提问于2018-01-31得票数 1
回答已采纳
1回答
我正在尝试使用react、redux和firebase制作一个信使网络应用程序。
我已经用react中的上下文做了一些类似的事情，但是现在我需要学习redux，所以我在这里
我已经能够构建Login/Signup页面和操作，这样我就可以注册并使用firebase登录，并在登录后加载仪表板(如果没有登录，则将其保持为私有)。
问题是，当我登录一切都是好的，仪表板负载，酷。但是如果我重新加载页面，Redux就会失去'user‘状态，但是，我不会被重定向到登录页面，它只是停留在仪表板上，没有状态或任何东西。
当然，如果我能够重新加载页面并保存用户信息，而不是每次重新加载时都丢失所有的信息，那
浏览 1提问于2020-12-31得票数 0
回答已采纳
1回答
最近，我正在学习并尝试用react做聊天应用。今天我遇到了一个关于react-router的问题：
我使用的是自定义链接(/string/:userid1/:userid2)，它应该显示用户之间的聊天，但当我尝试将聊天更改为其他ID(其他用户)时，我的页面不会重新加载，直到我手动重新加载页面，它才会显示其他聊天。问题是单击链接按钮后是否有可能刷新组件/页面
<Link to={`/chat/${params.myuid}/${friends.uid}`}><div className="text-center pt-3"><img classNam
浏览 0提问于2021-11-15得票数 0
如何在加载react应用程序时将属性值从子组件发送到父组件？我有一个名为app.js的父组件，它呈现一个包含JSON组件的主组件。加载react应用程序时，我的属性JSONValue (在app.js中定义)保存一个空字符串。当加载react应用程序时，父组件中的JSONValue应该包含已经在子JSON组件中定义的值。如何在初始呈现时将这些值从JSON组件发送到应用程序组件？
我现在唯一能做到这一点的方法就是更改react app --> json组件中的值。然后，它将值从子级发送到父级。
因此: JSONValue的值是在JSON组件中定义的，只有当JSON组件发生变化时，才会应用于
浏览 14提问于2019-07-12得票数 1
我正在用Redux和Redux工具包构建一个React应用程序，我想知道如何处理加载状态？最好的方法是什么？我应该创建一个在其状态下加载的ann appSlice，还是应该使用useQuery钩子isLoading支柱来处理它呢？我很困惑，因为当我使用asynThunk时，有挂起状态，现在当我使用react查询时，也有isLoading
浏览 7提问于2022-04-20得票数 0
我使用React上下文在登录时存储用户数据。现在，我只处理从API接收到的两部分数据:身份验证时收到的令牌和用户ID。这些数据存储在上下文中，以及在页面重新加载时出现的sessionStorage。 在我的登录页面上，此提取在以表单形式提交日志时发生： const userCtx = useContext(UserContext);
...
fetch('/api/tokens', opts)
.then(res => {
return res.json()
})
.then(data =&
浏览 20提问于2021-06-25得票数 1
回答已采纳
1回答
我正在开发一个react应用程序，我一直认为react状态更新非常快，但现在我发现了一个问题。 我有一个页面视图，上面有很多元素，其中一个元素是加载到页面中的： <NotesCard notes={deal.notes} updateNotes={notes => {setDeal(prevState => ({...prevState, notes}))}} /> NotesCard是一个子组件，它仅在以下位置使用另一个react组件呈现material-UI卡： export default function NotesCard(props) {
cons
浏览 55提问于2021-02-03得票数 0
1回答
我刚开始使用React和React Router。
主页(主页组件)通过ajax请求将数据加载到显示数据的服务器。
然后，人们可以使用react路由器在应用程序中导航。但是，当有人返回到主页(主页组件)时，ajax调用再次被发送到服务器，这是不必要的。
因此，基本上，当您使用react路由器在组件中导航时，每次加载组件时，都会进行ajax调用。
我们是否可以做一些事情来缓存数据，比如在Angular中，在加载组件时，我们不必一次又一次地进行ajax调用。
谢谢
class NewComponent extends React.Component {
constructor(){
s
浏览 0提问于2016-05-24得票数 0
我有一个带有webview的原生react应用。当我单击一个通知时，我想转到预定义页面(导航到一个页面)，但应用程序没有呈现新视图。这是我打开应用程序时的代码(没有通知单击)： return (
<WebView
automaticallyAdjustContentInsets={false}
source={{
uri: 'https://my-url/',
}}
javaScriptEnabled={true}
domStorageEnabled={true}
startInLoadingState={
浏览 22提问于2020-09-03得票数 0
回答已采纳
我是一名Java开发人员，我正在学习如何使用JavaScript进行前端处理并做出反应。现在我正在学习Ajax。我看到这个Ajax用于异步从API中获取数据，而无需刷新网页。但我不明白这句话。那么，如果我不使用Ajax获取数据，那么页面将重新加载吗？有什么例子可以说明这一点吗？我的意思是，如果不使用Ajax从API中获取数据，那么页面就会重新加载。在我看来，如果您从API同步获取数据，它将等待接收数据，在此期间，流将被停止，当数据被获取时，流将继续。但是为什么要重新加载页面呢？
我在一个简单的React应用程序中使用了这个实现：
componentDidMount() {
// fet
浏览 5提问于2022-12-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
