javascript - 在哪里保存 api 的 JSON 响应？

Question

我是 react 新手。现在我正在使用 axios 。我正在取回包含数据的 JSON 文件。我需要把它存放在某个地方。我应该把它存放在哪里？在 localStorage 中还是在 state 中？稍后我需要映射它并显示该数据。什么是最好、最有效的方法。现在我将其存储在 localStorage 中并处于状态中。比从状态映射它

getTemplates() {
    let token = localStorage.getItem("token")
    axios
      .get("http://dev.candidates.hrmessenger.com/stage/get-template", {
        mode: "cors",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
          Authorization: `Bearer ${token}`,
        },
      })
      .then(res => {
        localStorage.setItem("data", JSON.stringify(res.data))
        this.setState({
         data:JSON.parse(localStorage('data'))
       })

      })
      .catch(error => {
        console.log(error)
      })
  }



this.state.data.map((item, index)=>{
return (
<div key={index}>{item}</div>
)
})

Answer 1

如果你想再次更改状态数据，你应该将数据存储在状态中并调用setState，这是获取数据(即响应)并将其设置在状态中的最佳方法，这样你就不必清除状态数据本地存储。本地存储不是一个好的做法