javascript - Redux 砰的一声。从本地读取数据

Question

我想通过下面的代码从 customData.json 读取数据，但这里它需要一个 url，尽管我想改为在本地读取它，是否可以这样做？

var customData = require('./customData.json');
export function fetchQuestions() {
  return dispatch => {
    fetch(customData, {
      method: 'get',
      headers: {
          'Accept': 'application/json',
          "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
      }
    })
    .then(payload => payload.json())
    .then(payload => payload.results)
    .then(payload =>
      dispatch({
        type: 'FETCH_QUESTIONS',
        payload: payload
      })
    )
  }
}

Answer 1

如果您想从 localStorage 中读取 JSON 而不是每次都发出网络请求，这非常简单，不涉及异步。假设您已将其放入 localStorage.customData:

export function fetchQuestions() {
  return dispatch => {
    const payload = JSON.parse(localStorage.customData);
    dispatch({
      type: 'FETCH_QUESTIONS',
      payload: payload.results,
    });
  }
}

不过，除非你用它做其他事情，否则最好只将 .results 属性保存到磁盘上，而不是整个有效负载，因为你没有使用剩下的。