React-query -在组件挂载时重新获取数据
React-query是一个用于管理和缓存异步数据的库，它可以与React无缝集成。它提供了一种简单且强大的方式来处理数据获取、缓存、自动重新获取等常见的数据管理需求。
React-query的主要特点包括：
- 数据自动缓存：React-query会自动缓存从服务器获取的数据，以提高性能和用户体验。它还提供了一些高级缓存策略，如自定义缓存时间、手动刷新缓存等。
- 自动重新获取数据：React-query可以在组件挂载时自动重新获取数据，以确保数据的实时性。它会在组件被重新挂载或网络连接断开后自动触发数据重新获取，并更新UI。
- 错误处理和重试：React-query提供了丰富的错误处理和重试机制。它可以自动处理网络错误、超时、服务器错误等异常情况，并提供了灵活的配置选项来自定义错误处理行为。
- 并发请求和依赖解决：React-query可以同时发起多个异步请求，并自动解决它们之间的依赖关系。这样可以提高数据获取的效率，减少不必要的网络请求。
React-query的应用场景包括但不限于：
- 数据获取和管理：React-query可以用于管理复杂的数据获取逻辑，包括从服务器获取数据、对数据进行缓存和更新等。它适用于各种类型的应用，如社交媒体平台、电子商务网站、新闻应用等。
- 实时数据展示：React-query可以用于展示实时数据，例如股票行情、即时通讯消息等。它能够自动重新获取数据，并及时更新UI，使用户可以实时看到最新的数据。
- 高性能应用：React-query的数据缓存和自动重新获取机制可以有效提高应用的性能和响应速度。它适用于需要频繁获取数据的应用，如在线游戏、音视频应用等。
腾讯云提供了一些与React-query相关的产品和服务，包括但不限于：
- 云函数（Serverless Cloud Function）：云函数是一种无服务器的计算服务，可以用于处理React-query的数据获取和处理逻辑。您可以使用云函数作为数据源，通过React-query进行数据的缓存和重新获取。
- 云存储（Cloud Storage）：云存储是一种高可用、高可靠的存储服务，适用于存储React-query的缓存数据和其他相关数据。您可以使用云存储来保存React-query的缓存数据，以便在需要时快速恢复。
- 云监控（Cloud Monitor）：云监控是一种全面的监控和管理服务，可以用于监控React-query的性能和运行状况。您可以使用云监控来监控React-query的数据获取速度、缓存命中率等指标，并进行相应的优化和调整。
您可以通过腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
1回答
沙箱代码：
嗨，我有包装组件，它使用自定义钩子和react-query来获取数据并公开数据，以及isLoading和isError状态。在包装组件中，只要加载了查询，就不应呈现整个页面。如果查询失败，我希望从钩子中传递故障转移对象。
该包装器的子组件中有使用相同自定义钩子的组件，但我希望它不需要关心isLoading状态，而是从成功的请求中获取数据，或者在请求失败时获得故障转移数据。
我看到了正在发生的事情，定制钩子再次运行react query，并向使用它的组件提供未定义的数据。这是预期的行为吗？它是我只能通过使用上下文API来实现的模式吗？(我想改用react-query，但它似乎不像我
浏览 6提问于2022-09-09得票数 0
设置
我有以下react-query钩子：
const STALE_TIME_MS = 12 * 60 * 60 * 1000; // 12h
const useUser = () => {
const services = useServices();
const { isLoading, error, data } = useQuery(
'user',
() => services.user.verify(),
{
staleTime: STALE_TIME_MS,
cacheTime: STALE_T
浏览 2提问于2020-12-27得票数 3
回答已采纳
我正在学习react-query，我遇到了一些问题。我想使用通过useQuery获取数据所获得的useQuery，但我将data作为undefined。这是我的代码：
import React from "react";
import { useQuery } from "react-query";
import { fetchData } from "./providesData";
const Home = () => {
const {data} = useQuery("fetchData", fetchData,
浏览 4提问于2021-06-27得票数 11
回答已采纳
我使用从后端获取数据。
当用户查看页面时，可以选择后端仍然没有数据，因此后端将返回，用户将看到EmptyState组件。
现在，我想显示EmptyState组件，但在后台继续重取/重试。
如何利用react-query实现这一目标？
我尝试使用“无限重试”，但是当react-query重试时，它仍然返回isLoading = true，同时不能显示EmptyState。
我也想使用refetchInterval，但是如果我将它设置为30秒，我不希望在返回数据时是30分钟。
浏览 9提问于2022-04-25得票数 0
回答已采纳
目前，我正在使用一个带有onClick函数的按钮来在每次按下它时将一个JSX组件附加到UI。我还使用了一个带有一些firebase数据库逻辑的useEffect，它是一个onSnapshot，用于实时读取数据，以便在UI上显示信息。
问题是，当用户刷新页面时，附加JSX的onClick函数将从状态中删除，并且不会在UI上显示firebase数据。我该如何着手解决这个问题呢？
代码：
import React, { useEffect, useState } from "react";
import DashboardBody from "./DashboardCom
浏览 14提问于2021-05-31得票数 0
假设我有一个react钩子组件
const Child = (props) => {
useEffect(()=>{
// fetch data
...
});
return (
//Displays fetched data
)
}
然后在父组件中使用它
class Parent extends Component {
render () {
... <Child ... /> ...
}
}
我的问题是，如果Parent在其状态改变(但与Child无
浏览 9提问于2020-02-19得票数 0
回答已采纳
我读过有关查询无效的react query文档。然而，它似乎对我不起作用。以下是代码：
import React from "react";
import ax from "axios";
import { useQueryClient, useQuery } from "react-query";
export default function App() {
const queryClient = useQueryClient();
const [poke, setPoke] = React.useState("pika
浏览 2提问于2021-03-25得票数 6
回答已采纳
1回答
背景 因此，我正在向一个项目添加react query，但我的酶测试遇到了问题。对于那些使用过RQ v3的用户，您知道它需要一个QueryClientProvider包装器。这对我的应用程序来说很好，但是像这样的测试： ...
const mountedComponent = () => {
return mount(<Component {...props} />);
}; 除非我像这样添加一个包装器，否则将会失败： import { QueryClient, QueryClientProvider } from 'react-query';
co
浏览 15提问于2021-02-01得票数 0
当初始化加载各种图表的小部件组件时，它可以正常工作，但是当切换到另一个ListItem时，componentDidMount不会在切换到另一个项时加载。我需要加载它，因为它为它获取所需的数据。但问题是，当我在ListItem之间切换时，没有初始化componentDidMount
DashboardSidebar.jsx
class DashboardSidebar extends Component {
constructor(props) {
super(props);
this.state = {
tabLocation: this.props.tabLo
浏览 0提问于2020-01-24得票数 0
回答已采纳
在我的应用程序中，我使用的是react路由器v5和react/typescript，我有一个组件，它使用react查询并获取一些数据。目前，它只在组件第一次呈现时才获取数据，而当导航请求没有被取消和导航时，它不会发出新的请求。这个组件接受一个id参数，它根据id获取数据，所以它需要刷新组件，或者我需要将方法添加到useEffect钩子中？
路由组件
import React from 'react';
import { BrowserRouter, Route, Switch} from 'react-router-dom';
import { QueryCli
浏览 7提问于2021-10-20得票数 1
我试着用下面的代码一次只执行urql useQuery。但由于某些原因，每次重新渲染时都会调用它。 根据文档https://formidable.com/open-source/urql/docs/basics/queries/#pausing-usequery，这个查询最初应该在渲染时暂停，并且只有在挂载时从React.useEffect调用时才会执行。 const [{ fetching, data, error }, reExecute] = useQuery({
query: INITIAL_CONFIG_QUERY,
pause: true
});
React.useEf
浏览 38提问于2020-07-22得票数 8
回答已采纳
我有一个3个数据“卡片”的列表，它们正在使用react query成功地从我的api中拉出。这一切都是通过我编写的这个自定义钩子来设置的，它使用了一个变体和queryclient.setQueryData钩子。
在我的React组件中，我使用了另一个自定义钩子，它使用queryClient.getQueryData从我的查询缓存中加载数据。
当我想要删除其中一个数据卡时，我运行一个突变来更新API (从子组件调用)中的数据，如果成功，我使用queryClient.setQueryData钩子来更新查询缓存。
使用react-query开发工具，我可以看到它正在缓存中成功更新，但我的组件不会更新
浏览 0提问于2021-05-04得票数 0
我有一个5标签反应本机应用程序。第五个选项卡是配置文件屏幕。下面是profile选项卡代码，我删除了很多内容，因为这主要关注组件确实挂载：
class Profile extends React.Component {
constructor(props) {
super(props)
this.state = {
user: this.props.user,
bio: "",
storage_image_uri: '',
postCount: 0,
followe
浏览 4提问于2020-12-31得票数 1
回答已采纳
我使用从字典API中获取数据，我想添加一个功能，在这个功能中，我可以更改从我添加的API中提取的值，这个函数改变了作为url一部分的状态，当它触发一个重服务器时，它应该为URL中的单词提供一个新的定义。但它的表现相当缓慢，有时需要多次点击才能工作--这很奇怪，我认为这与获取数据的速度有关，但事实并非如此，因为它会在控制台上立即返回。
这是我的页面：
import React from "react";
import { useQuery } from "react-query";
import { useState } from "react";
浏览 4提问于2022-07-01得票数 1
回答已采纳
我这里有两个文件，一个是从数据库发送数据的父组件，另一个是带有删除按钮的渲染信息。
这是我最近一次尝试从数据库中删除数据(works)并重新呈现列表(没有重新呈现)，当前错误是电子邮件不是有效变量。
import React, { Component } from 'react';
import EmailItem from './EmailItem'
class Admin extends Component {
constructor(props) {
super(props);
this.state = {
allEmail
浏览 9提问于2018-07-31得票数 0
回答已采纳
3回答
在javascript类constructor()中获取数据是一种好的做法吗？
例如，在react类constructor()中，我找到的每个教程都在componendDidMount()中获取数据，但没有人质问为什么我们不能在constructor()中这样做。
这个问题与javascript类有关，不仅仅是react。
浏览 3提问于2019-03-15得票数 13
如果我使用react-query和react-router，我可以看到导航时发生的网络请求，但是新数据不会反映在视图/页面中？我做错了什么吗？我正在做延迟加载： App.tsx import React, { Suspense } from 'react';
import Loader from '../loader/Loader';
const App: React.FunctionComponent = () => {
const Routing = React.lazy(() => import('../routing/Rou
浏览 15提问于2021-10-21得票数 1
2回答
我真的不知道如何清楚地提问，但是，我会先粘贴我的代码，然后在下面提问。
function useToDos() {
const queryCache = useQueryCache();
const fetchTodos = useQuery(
'fetchTodos',
() => client.get(paths.todos).then(({ data }: any) => data),
{ enabled: false }
);
const createTodo = async ({ name ) =>
浏览 1提问于2020-09-19得票数 0
我正在使用reactjs，下面是我所做的工作:从API中检索数据并使用axios显示数据以调用API。我知道axios调用是异步的，并且是基于承诺的。
我的理解是，在react中，'setState‘只能在组件挂载(发生在componentDidMount中)之后调用。所以对API的调用是在“componentDidMount”中进行的。
我不清楚的是:为什么要这样做，为什么要显示数据？
我正在读，它在'componentDidMount‘完成之前就被解雇了
因此，考虑到'componentDidMount‘之前的’呈现‘这个事实，我很困惑为什么数据加载并显示得很好？
浏览 8提问于2020-05-24得票数 0
回答已采纳
3回答
我有一个配置文件组件，URL是：'/ profile /id‘。
现在，假设我有两个用户，他们的I是: id_A和id_B。
我在URL：'/profile/id_A‘，我有一个按钮可以将我发送到URL：'/profile/id_B’，使用：
<Link to={{ pathname: `/profile/id_B` }}></Link>
现在，我的组件不会重新呈现，因为没有状态更改，我无法从服务器检索用户数据，因为我的所有请求都是在componentDidMount上完成的。
那么，如何为上面的场景重新呈现我的组件呢？
更新1:这是我的路线代码
浏览 1提问于2020-07-19得票数 0
1回答
我正在尝试，并希望看到它的缓存。我有一页书的清单。
注意，为了简洁起见，有些代码显然忽略了，只是为了显示重要的部分。
const useBooks = options => {
return useQuery(['books', options], bookApi.fetchBooks(options));
}
const Books = () => {
useEffect(() => () => console.log("unmount"), []);
const [options, setOptions] = useSt
浏览 2提问于2021-01-28得票数 8
回答已采纳
在React查询中，我目前正在调用api，当出现错误时，它会显示错误，但是，当我更改状态对象进行新的调用时，它会显示加载数据，但不会隐藏错误消息？我已经创建了一个示例，我添加了一个按钮，它将给出一个错误消息，即
stackblitz示例：
import React from 'react';
import { render } from 'react-dom';
import { useQuery } from 'react-query';
import axios from 'axios';
import { QueryClie
浏览 1提问于2021-11-09得票数 1
回答已采纳
2回答
当我移动下一个页面或移动到另一个页面或更新数据时，...data不是重新获取...when，而是重新加载页面，然后重新获取数据，...without重新加载，如何使用RTK查询重新获取数据。
这是密码
export const userService = createApi({
reducerPath: 'userService',
baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:5000/api/user/' }),
tagTypes: ["Userdetail
浏览 4提问于2022-05-31得票数 1
2回答
我一直在尝试学习React-query，但似乎不能用我的onSubmit事件触发请求。现在，代码正在发送以“华盛顿”作为默认参数的请求，并将其打印到屏幕上，并且还会通过onBlur事件触发一个新的请求，并在键入的城市有效的情况下获取数据。 问题是，我希望我可以将此逻辑转移到submit()函数，处理输入上的数据，并且只有当数据有效时，才继续发出请求。这就是我用一个免费的apiKey重现问题的stackblitz：StackBlitz 代码如下： import React, { useState } from 'react';
import { useQuery } from
浏览 65提问于2021-07-06得票数 0
回答已采纳
1回答
我已经完成了我能找到的每一个与GraphQL相关的教程，但我仍然无法真正理解它。
如果在我的Auth组件中，我查询令牌和用户凭据，如下所示：
const LOGIN_MUTATION = gql`
mutation LoginMutation($email: String!, $password: String!) {
login(email: $email, password: $password) {
token
user {
name
}
}
}
`
如何在另一个组件中访问这些数据？每个指南似乎都说，我在另一个&
浏览 0提问于2018-07-11得票数 1
回答已采纳
1回答
我试图将一个用户数组作为道具传递给组件，当我更改某些内容并单击save时，数组将显示在组件中，但当我单击refresh时，数组就消失了，下面是我的代码：
首先，在我的App.js中，我从数据库中读取了一个用户数组(工作完美地显示了用户列表)：
const [users,setUsers] = React.useState([]);
React.useEffect( () => {
async function fetchData() {
await axios.get('/api/users/')
.then(response
浏览 8提问于2021-12-06得票数 0
回答已采纳
在React中有没有一种方法可以只刷新组件而不是窗口，而是组件本身？这样我就可以重新触发一个react-query。我知道我可以使用useEffect()，但是怎么做呢？ 所以我知道我可以这样做，比如： useEffect(() => {
setFetchData(result);
}, [result]); 这将在result更改时触发组件重新呈现。但是你怎么能有一个可以手动刷新组件或者重新渲染它的按钮呢？
浏览 210提问于2021-11-03得票数 0
1回答
我正在开发一个应用程序，它有功能，以验证电子邮件时，用户注册的应用程序。当用户注册时，会生成一个代码并向用户发送一个链接。当用户点击链接时，前端会向后端签入以验证代码。如果代码检查通过，则在用户数据库中切换“激活”标志，并将用户重定向到登录屏幕。
我使用GraphQL来处理数据库事务，使用Redux来进行状态管理，我有一个类似于以下内容的操作：
export function confirmActiveUser(token) {
return function (dispatch) {
dispatch(activateUserRequest())
ap
浏览 14提问于2017-08-19得票数 0
1回答
异步快速反应
、、
我有一个问题，我的一个组件必须等待得到一些数据，而它的渲染，但我找不到方法去做。
所以我有渲染方法
render() {
const getComponentProps = async () => {
return await this.props.Store.getComponentProperties(id);
};
componentProps = getComponentProps(id);
return <MyComponent
.
.
dat
浏览 0提问于2019-01-30得票数 0
回答已采纳
我使用react-query将数据提取到react表中，但是每次我得到"TypeError:无法读取未定义的“错误的属性'forEach‘时。唯一能修复它的方法是在react query "initialData“选项中使用"data”，还有其他方法来修复这个错误吗？
const TableCompras = () => {
const data = [
{
nf: null,
fornecedor: null,
pagamento: null,
浏览 6提问于2021-12-15得票数 0
回答已采纳
应用程序的描述
我正在使用作为我的应用程序。我有两个组件，一个是父组件，另一个是子组件。在子组件中，我使用的是，在处理本地状态时，不需要获取任何数据，就可以将数据从一个表传输到另一个表。它的工作就像预期的那样。
我的情况是
我有一个固定的数据。它包含对象数组。从这些固定数据中，我使用将项从组表传输到目标表。然后按下传输按钮(“>”)，然后调用handleChange函数。触发handleChange函数后，它更新targetKey本地状态并执行post请求。
问题
当选定一项或多项并发出post请求时，我将从父组件中检索所选项。我从选定项中筛选了固定数据，并将项数组的字符串id传递给本地
浏览 2提问于2022-02-03得票数 3
回答已采纳
我有一个简单的应用程序，可以调用API。我正在使用react-query来获取数据和获取数据。但是如果你到网络上去改成慢3g，在它的状态改变后，它会调用API。文档声明react-query在第二次尝试时将返回缓存的数据。 import React, { memo, useState } from "react";
import logo from "./logo.svg";
import "./App.css";
import { useQuery } from "react-query";
import Axios from
浏览 35提问于2020-06-25得票数 0
1回答
因此，我最近开始使用我的API端点，通过使用useRecoilStateLoadable进行反冲，它工作得很好，但是我的数据表中有一个问题，我希望它在用户选择例如第2页或搜索其他内容时执行另一个API调用，这就是我的原子和选择器当前的样子：
const entriesPerPage : EntriesPerPage = {defaultValue: 10};
export const filterScorecard = atom<ScorecardSearchRequest>({
key: 'filterScorecard',
default: {
浏览 20提问于2022-09-14得票数 1
回答已采纳
3回答
我对React JS非常陌生，而且我很难完全理解从不同位置获取数据的合适位置。我找到的所有文档都指出，componentDidMount()方法最适合于获取数据，尽管在我看来，它只能处理初始同步。在我的应用程序中，我需要一种更动态的数据获取方式。例如。一个按钮被按下，数据被取出，dom改变。把我的请求放在render方法中是可行的，但我读过的所有文章都不喜欢在那里加载数据的做法。
浏览 21提问于2018-07-26得票数 0
回答已采纳
我为每个文档配置了react-query的无限陈旧时间，如下所示： <ReactQueryConfigProvider config={{
queries: {
staleTime: Infinity
}
}}> 我的大多数查询都不会过时，除了我的'profile‘查询： const getProfile = async () => {
if (!isAuthenticated()) {
return null;
}
try {
const
浏览 60提问于2020-09-01得票数 2
回答已采纳
我读到过componentDidMount在React组件中呈现后运行，但我仍然有点困惑。假设我在componentDidMount中请求一个API来填充我的状态，但是如果render在componentDidMount之前运行，我的应用程序如何向用户显示信息？React组件是否正在执行render()、-> componentDidMount()、-> render()之类的操作？如果是这样，在运行componentDidMount()之前运行render()有什么好处？
浏览 11提问于2020-06-23得票数 0
回答已采纳
我有一个组件，它在它的模板中加载其他组件。我已经将一个变量checkinRecord绑定到子组件上的一个属性。当应用程序加载时，如预期的那样，子组件显示时没有数据。但在其创建的钩子中，主要组件调用一个方法，该方法将数据作为对象从API中获取，该API在实现promise时更新checkinRecord。因为这是绑定到子组件的属性的，所以我希望挂载的钩子重新更新并打印新值。但是子组件中的checkinRecord不会改变。我遗漏了什么？我不能在这里使用Vuex，因为涉及的数据是对患者临床数据的大量收集。 主要组件- EMR.vue： <template>
<div>
浏览 10提问于2021-06-20得票数 0
我正在从我的express后端获取和显示一组帖子，它以"Blog“组件的形式显示。
组件有一个按钮从后端删除它，然后重新获取帖子，每当我单击delete按钮时，状态从“空闲”更改为“加载”到“成功”，然后在重新获取数据时将其删除。
这是可行的，但当它被删除时，下一篇文章将“成功”显示为状态。为什么？
BlogPost.jsx：
import React from "react";
import axios from "axios";
import { useQueryCache, useMutation } from "react-query
浏览 2提问于2020-10-25得票数 3
回答已采纳
我有一个视图categories/:name。当我加载这个视图(例如类别/肖像)时，一切都正常。但是如果我把url改成类别/旅行，我所有的数据都会被重置为它的初始值。
这是我的代码
<template>
// navigation
<nuxt-link
v-for="(category, index) in categories"
:to="'/category/' + category.name"
>
</template>
data() {
return {
gal
浏览 0提问于2019-02-10得票数 0
1回答
我有一个应用程序，其中多个组件正在获取数据，如下面所示，并且正在使用这些数据进行一些呈现。
const {data} = useGetUserQuery({shippingAddressId: 123});
如果我想用一个新的useGetUserQuery调用shippingAddressId，并让所有组件使用这个钩子重命名器，那么我试图找出什么是正常的RTK查询模式？
由于RTK查询使用查询参数作为缓存键，因此数据不会更新，因为shippingAddressId是硬编码的。
目前，我正在通过dispatching来解决这个问题，这是redux存储的一个操作，它用shippingAddress
浏览 4提问于2022-07-19得票数 0
我为这个问题准备了一个小演示：
因此，我使用react-router-dom来创建单页面应用程序，并创建了两个页面(组件Page1和Page2)之间的标准导航。
问题是，每次我在页面之间切换时，就会调用useEffect钩子(第二个参数为空数组)(在演示中，您可以在控制台中看到它)。
我希望为每个组件只执行一次fetchData，然后重用该数据，无论用户是否要在页面之间切换。有没有可能在不检查useEffect函数内部的一些条件的情况下这样做？这让我有点困惑，因为useEffect []应该只对component运行一次，而这不是一个案例。
浏览 31提问于2019-10-25得票数 4
回答已采纳
我有两个屏幕，一个用来显示配置文件信息，另一个用来编辑信息。如果我输入第一个屏幕配置文件，它会显示数据库中的正确数据。然后我转到下一个屏幕，在那里我可以更改到目前为止一切正常的信息。但是，如果我返回到前一个屏幕，我仍然可以看到旧数据。所以不需要重新渲染。
但如果我导航到另一个屏幕，该屏幕将获取新数据。并执行调用getCurrentUserProfile
这是包含用户配置文件信息的屏幕。
const ProfileScreen = props => {
const [userObj, setUserObj] = useState({});
useEffect(() =>
浏览 1提问于2020-10-01得票数 0
我正在尝试编写一个使用来自react-query的react-query的自定义钩子。自定义钩子接收员工的id并获取一些数据并将其返回给消费组件。我希望能够dispatch一个redux操作来显示一个加载指示符，或者在它失败时显示一个错误消息。这是我的定制钩子。
export default function useEmployee(id) {
const initial = {
name: '',
address: '',
}
const query = useQuery(['fetchEmployee', id]
浏览 1提问于2022-09-09得票数 1
回答已采纳
我使用react-query库来获取数据。当用户发生变化时，如果以前的用户数据被自动删除&获取新数据，我会很高兴。 然而，这并没有发生，旧的userId被调用了几次，只有在1到2次重新关注应用程序之后，它才会用适当的新userId来获取数据。这里是钩子:当我在getData函数中记录一些信息时，我可以看到注销后旧的userId调用了它几次。 export default function useData() {
const {user} = useAuth();
const queryClient = useQueryClient();
useEffect((
浏览 150提问于2021-06-27得票数 0
回答已采纳
1回答
我正在构建一个简单的React，我使用api设置状态，我使用Link进入详细页面，但是当我从Link进入另一个页面并按后退按钮时，它将再次设置状态。但是，当我从back按钮返回到页面时，我试图防止再次设置状态。
App.js
function MainPage() {
const [blogs, setBlogs] = useStae([]);
useEffect(() => {
axios.get("/api/blogs/").then((res) => {
setBlogs(res.data.blogs)
浏览 5提问于2022-11-02得票数 1
1回答
我有一个看起来像这样的组件：
class ThingView extends Component {
constructor(props) {
super(props)
}
componentWillMount() {
this.props.loadThingThenFrames(this.props.id)
}
componentDidUpdate(prevProps) {
console.log("did update")
if (prevProps.id !== thi
浏览 0提问于2017-02-17得票数 0
14回答
我正在使用react路由器开发一个react应用程序。我有一个项目页面，其中有一个网址如下：
myapplication.com/project/unique-project-id
当项目组件加载时，我从componentDidMount事件触发该项目的数据请求。我现在遇到了一个问题，如果我在两个项目之间直接切换，那么只有id会像这样.
myapplication.com/project/982378632
myapplication.com/project/782387223
myapplication.com/project/198731289
不会再次触发componentDidMoun
浏览 20提问于2015-08-28得票数 124
回答已采纳
我意识到:如果我想使用钩子import { useQuery } from 'react-query'，我只能在React函数组件中这样做。
我是否需要用React函数语法重写我的旧类组件，还是有一种简单的方法可以在类语法中使用react query？
我肯定它在某个地方有文档，但我只能找到使用function函数组件的教程。
浏览 0提问于2021-01-07得票数 6
回答已采纳
1回答
我从react-query库中看到了一个模式，它做了以下工作：
(OOP)
// it instantiates an object from a class
const queryClient = new QueryClient()
(钩子)
// Then it passes this object as a prop to the provider
<QueryClientProvider client={queryClient}>
<Todos />
</QueryClientProvider>
在<Todos />组件中，这个库为
浏览 6提问于2021-12-15得票数 1
回答已采纳
当我试图显示保存到AsyncStorage：中的数据时，我得到了这种行为
相关守则：
screen1：
class VerMais extends Component {
constructor(props) {
super(props);
this.state = {
data: '',
value: [],
};
}
componentWillMount(){
AsyncStorage.getItem('key').then(JSON.parse).then(items => {
浏览 3提问于2017-06-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
