Small encapsulation of react native's AsyncStorage

巴扎黑
Release: 2017-06-26 15:14:26
Original
1387 people have browsed it
/** * @overview A minimalistic wrapper around React Native's AsyncStorage. * @license MIT */ import { AsyncStorage } from 'react-native'; import merge from 'lodash'; const store = { /** * Get a one or more value for a key or array of keys from AsyncStorage * @param {String|Array} key A key or array of keys * @return {Promise} */ get(key) { if(!Array.isArray(key)) { return AsyncStorage.getItem(key).then(value => { return JSON.parse(value); }); } else { return AsyncStorage.multiGet(key).then(values => { return values.map(value => { return JSON.parse(value[1]); }); }); } }, /** * Save a key value pair or a series of key value pairs to AsyncStorage. * @param {String|Array} key The key or an array of key/value pairs * @param {Any} value The value to save * @return {Promise} */ save(key, value) { if(!Array.isArray(key)) { return AsyncStorage.setItem(key, JSON.stringify(value)); } else { var pairs = key.map(function(pair) { return [pair[0], JSON.stringify(pair[1])]; }); return AsyncStorage.multiSet(pairs); } }, /** * Updates the value in the store for a given key in AsyncStorage. If the value is a string it will be replaced. If the value is an object it will be deep merged. * @param {String} key The key * @param {Value} value The value to update with * @return {Promise} */ update(key, value) { return store.get(key).then(item => { value = typeof value === 'string' ? value : merge({}, item, value); return AsyncStorage.setItem(key, JSON.stringify(value)); }); }, /** * Delete the value for a given key in AsyncStorage. * @param {String|Array} key The key or an array of keys to be deleted * @return {Promise} */ delete(key) { if (Array.isArray(key)) { return AsyncStorage.multiRemove(key); } else { return AsyncStorage.removeItem(key); } }, /** * Get all keys in AsyncStorage. * @return {Promise} A promise which when it resolves gets passed the saved keys in AsyncStorage. */ keys() { return AsyncStorage.getAllKeys(); } }; export default store ; 然后你需要的地方import store 进来就好了。 使用方法 store.save(key,value) .then(()=>{store.get(key)}) .then(()=>{store.delete(key)}) .catch(error()=>{console.log(error)}) 注意在调用时请使用 ansyc await
Copy after login

The above is the detailed content of Small encapsulation of react native's AsyncStorage. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!