Estoy creando un proyecto React en el que renderizo los datos llamando a la API, y la API cada vez me da una matriz de datos de longitud 10. Estoy usando el componente de desplazamiento infinito de reacción para usar la funcionalidad de desplazamiento infinito. Quiero cargar datos cada vez que me desplazo por la mitad de la pantalla. No quiero mostrar un cargador en mi pantalla. ¿alguien puede ayudarme en eso?
<InfiniteScroll dataLength={data.length} next={fetchMoreData} hasMore={true} loader={ <CircularProgress/> } > {data.map((item, index) => { return <Card data={item} key={index} />; })} </InfiniteScroll>este es mi código de desplazamiento infinito, intenté cambiar los accesorios dataLength, pero no funcionó.
Creo que es posible que desee utilizar la propiedad scrollThreshold ya que define cuándo se llamará a la próxima.
Puede pasar un número de coma flotante, por ejemplo, 0.5 o una cadena, por ejemplo, "200px" para definir esto.
Si está buscando quitar el cargador, simplemente omita ese accesorio.
Obtenido de la lista de accesorios aquí: https://www.npmjs.com/package/react-infinite-scroll-component