Colección de citas famosas - Diccionario de frases chinas - Introducción y uso sencillo de React-Query

Introducción y uso sencillo de React-Query

Muchos adoran React Query porque simplifica enormemente la recuperación de datos en las aplicaciones React. Pero no es una biblioteca de recopilación de datos, debería llamarse administrador de estado asincrónico, que puede administrar cualquier forma de estado asincrónico, siempre que cumpla una promesa.

Básicamente, React Query administra el caché de consultas por usted en función de los valores clave de la consulta. Siempre que el valor clave sea serializable y específico de los datos que se consultan. Si es único, puedes usarlo. Aunque se admiten cadenas, se recomienda utilizar el formato de matriz, ya que finalmente se convierte internamente en una matriz.

React Query es inteligente: elegirá un punto estratégico para activar la recuperación de datos.

La conversión de datos también es un problema común en el front-end, porque los datos devueltos por la API pueden no ser algo que podamos usar casualmente. React-query también proporciona un convertidor, al que solo se llamará cuando esté allí. son datos.

Debido a que se ejecutará cada vez que se renderice, si el método de conversión de datos es muy costoso, se recomienda utilizar useCallback para almacenar en caché la función de selección.

Los datos de inicialización, es decir, el contenido que se muestra directamente cuando los datos no se almacenan en caché, no tendrán efecto cuando los datos se almacenan en caché.

Uso de NextJS en React-Query