如何存储大量数据

Question

我必须从API中获得 5MB JSON文件（ https：/ /pi.sleeper.app/v1/players/nfl ），但是由于他的尺寸需要一段时间，但是我只需要每天一次获得此文件。因此，我的问题是：有一种将此文件存储在我的应用中的方法，并且当我必须尝试使用​​ASYNC存储和一些使用相同逻辑的软件包时，请在我的应用中获取一些内容，但是<强>异步请求只需提取函数。

我想要的是以一种快速操纵这些数据的方式，而不是每次都需要我需要一些作品。

现在，我正在使用由我自己制作的API，该API占用此5MB文件并返回我需要的特定片段（ https://teste-draft.netlify.app/.netlify/functions/getPlayersData?name = 167 ）。但是，这个临时解决方案的问题是，当我必须获得很多播放器（例如20岁甚至更多的玩家）时，因为这么多请求，因此该应用程序最终需要很长时间才能显示数据。

Answer 1

我通过创建一个上下文来存储所有5 MB数据，在用户打开应用程序时将获取这一点。这并不是我想要的，因为当用户关闭整个应用程序时，每次都可以运行。

import { useState, createContext, useEffect } from "react"

export const AllPlayersContext = createContext()

export const AllPlayersContextProvider = ({children}) => {
    const [allPlayers, setAllPlayers] = useState(null)

    const getAllPlayers = () => {
        console.log('Getting players...')
        const URL = `https://api.sleeper.app/v1/players/nfl`;
        fetch(URL)
        .then(response => response.json())
        .then(data => {
            setAllPlayers(data)
        }).catch((e) => {
            console.log('Error:', e)
        })
    }

    useEffect(() => {
        getAllPlayers()
    },[])

    if(!allPlayers){
        return (
          <Loading />
        )
      }


    return ( 
        <AllPlayersContext.Provider value={{allPlayers}}>
        {children}
        </AllPlayersContext.Provider>
     );
}