osins-dingtalk-utils v0.0.5

钉钉开发工具库

install

npm install osins-dingtalk-utils

使用方法

// 使用示例:
const page = {
  v: "hello",
  setData: val => {
    console.log("use data test, set data: ", val);
  }
};

const [state, setState] = useData(page, "v", (newVal, oldVal) => {
  console.log("use data test, value changed from", oldVal, "to", newVal);
});

setState(true); // 触发回调函数
console.log("use data test: ", state);

setState("xxx"); // 触发回调函数
console.log("use data test: ", state);

setState(123); // 触发回调函数
console.log("use data test: ", state);

const page = {
  v: "hello",
  setData: val => {
    console.log("use reload, set data:", val);
  }
};

const [state, load] = useLoad(page, "v", () => {
  console.log("use reload to request api", page);
  return itemFetch(1, 30, 0, "");
});

load();

console.log("use reload, current state: ", sate);

// 使用示例:
const [state, setState] = useState("Hello", (newVal, oldVal) => {
  console.log("use state test: value changed from", oldVal, "to", newVal)
})

setState(true) // 触发回调函数
console.log("use state test: ", state)

setState("xxx") // 触发回调函数
console.log("use state test: ", state)

setState(123) // 触发回调函数
console.log("use state test: ", state)

// 使用示例:
const [get, set] = useStorage(dd, "test", "hello");

set(true); // 触发回调函数
get()
  .then(res => {
    console.log("use storage async get data", res);
  })
  .catch(res => {
    console.log("use storage async get data, fail", res);
  });

set("xxx"); // 触发回调函数
get().then(res => {
  console.log("use storage async get data", res);
});

set(123); // 触发回调函数
get()
  .then(res => {
    console.log("use storage async get data", res);
  })
  .catch(res => {
    console.log("use storage async get data, fail", res);
  });

set({ i: 1, s: 30, k: "wafsdfsf" }); // 触发回调函数
get()
  .then(res => {
    console.log("use storage async get data", res);
  })
  .catch(res => {
    console.log("use storage async get data, fail", res);
  });