React native 从异步存储返回本机视图
我正在尝试从异步存储中呈现卡片列表。我想做的是从存储器中获取所有数据,并根据这些数据创建卡片列表。我可以在函数中看到存储数据,但无法返回视图。这就是我所做的React native 从异步存储返回本机视图,react-native,react-native-android,React Native,React Native Android,我正在尝试从异步存储中呈现卡片列表。我想做的是从存储器中获取所有数据,并根据这些数据创建卡片列表。我可以在函数中看到存储数据,但无法返回视图。这就是我所做的 import {View,AsyncStorage} from "react-native"; import { Container, Header, Content, Card, CardItem, Text, Body, Icon, Fab } from "native-base"; export default class ex
import {View,AsyncStorage} from "react-native";
import { Container, Header, Content, Card, CardItem, Text, Body, Icon, Fab }
from "native-base";
export default class extends Component{
async _retrieveData(){
const value = await AsyncStorage.getAllKeys();
return value;
};
getAll(){
this._retrieveData()
.then(items =>{
items.map(async (k) => {
await AsyncStorage.getItem(k).then(ok => {
var cards = [];
cards.push(
<Card key="">
<CardItem>
<Body>
<Text>
ok data
</Text>
</Body>
</CardItem>
</Card>
)
return cards;
});
});
})
.catch(err =>{
alert(err);
});
};
render(){
return(
<Container>
<Content padder>
{this.getAll()}
</Content>
</Container>
)
}
}
从“react native”导入{View,AsyncStorage};
导入{容器、标题、内容、卡片、卡片项、文本、正文、图标、工厂}
来自“本土基地”;
导出默认类扩展组件{
异步_retrieveData(){
常量值=等待异步存储。getAllKeys();
返回值;
};
getAll(){
这个。_retrieveData()
。然后(项目=>{
items.map(异步(k)=>{
等待AsyncStorage.getItem(k)。然后(ok=>{
var卡=[];
扑克牌(
ok数据
)
回程卡;
});
});
})
.catch(错误=>{
警惕(err);
});
};
render(){
返回(
{this.getAll()}
)
}
}
无法在render方法内调用getAll函数,因为它需要解析
您可以在componendimount方法内调用相同的函数,将卡保存到本地状态,然后在render方法内呈现该数据