要在React Native中不显示从API获取的数据,可以使用条件渲染来控制组件的显示。具体的解决方法如下:
isDataLoaded
。state = {
isDataLoaded: false,
apiData: []
};
componentDidMount
生命周期方法中获取API的数据,并更新state中的isDataLoaded
和apiData
。componentDidMount() {
fetch('API_URL')
.then(response => response.json())
.then(data => {
this.setState({
isDataLoaded: true,
apiData: data
});
})
.catch(error => {
console.error(error);
});
}
render() {
const { isDataLoaded, apiData } = this.state;
if (!isDataLoaded) {
return ;
}
return (
{/* 显示从API获取的数据 */}
{apiData.map(item => (
{item.title}
))}
);
}
在上述代码中,当isDataLoaded
为false时,显示一个ActivityIndicator
组件,表示正在加载数据。当isDataLoaded
为true时,渲染从API获取的数据。
注意替换API_URL
为实际的API地址,并根据实际情况对获取到的数据进行处理和渲染。
上一篇:不显示初始化的某些部分-Ruby