javascript - 在 redux 中使用 AsyncStorage 保存 boolean 数据

Question

我想在单击按钮时设置状态“true”或“false”，并使用 AsyncStorage 将其保存在 react native 和 redux 中。我做对了吗？请帮我修一下。

import { AsyncStorage } from "react-native";
import {
  START_TOOLTIP_BUDGET,
  STOP_TOOLTIP_BUDGET
} from "../actions/ActionTypes";

const INIT_STATE = true;
export default (state = INIT_STATE, action) => {
  switch (action.type) {
    case START_TOOLTIP_BUDGET:
      AsyncStorage.setItem("INIT_STATE", JSON.stringify(true));
      return INIT_STATE;

    case STOP_TOOLTIP_BUDGET:
      AsyncStorage.setItem("INIT_STATE", JSON.stringify(false));
      return INIT_STATE;
    default:
      return state;
  }
};

Answer 1

是的，你可以正确地做到这一点，但如果你返回 INIT_STATE true 或 false，你可以获得当前类的当前数据。否则你每次都会返回 true。

export default (state = INIT_STATE, action) => {
  switch (action.type) {
    case START_TOOLTIP_BUDGET:
      AsyncStorage.setItem("INIT_STATE", JSON.stringify(true));
      return true;

    case STOP_TOOLTIP_BUDGET:
      AsyncStorage.setItem("INIT_STATE", JSON.stringify(false));
      return false;
    default:
      return state;
  }
};

而不是从单击按钮的类中获取它。您还可以获得 AsyncStorage 项；

AsyncStorage.getItem("INIT_STATE")
    .then(req => JSON.parse(req))
    .then(data => {
        if (data !== null) { 
          console.log(data); // true or false 
        }
    }).done();