這是我的代碼Iam使用 API 并從中獲取資料...如果iam控制臺表示它可以正常作業,但does'nt在使用時會顯示它FlatList
Text,FlatList,Button,TouchableOpacity從'react-native'匯入{視圖, };從“反應”匯入反應,{ useState,useEffect};
const LyricsGet = () => {
const url = "https://api.lyrics.ovh/v1/Sia/unstoppable";
const[lyric,setLyric]=useState([]);
Fetching the data using useEffect
useEffect(() => {
console.log("inside the useeffect");
fetch(url)
.then(response => response.json())
.then(results => {
console.log(results);
setLyric(results);
})
.catch(err => {
setError(err);
});
console.log("inside the useeffect 22222");
}, []);
return (
<View>
<FlatList
data={lyric}
renderItem={({ item }) => <Text key={item._id}>{item.lyrics}</Text>}
keyExtractor={item => item.id}
/>
</View>
);
}
這里我的控制臺
Object {“歌詞”:“我會微笑,我知道如何愚弄這個小鎮想聽我流淚時戴上墨鏡 這從來都不是正確的時間
我穿上盔甲,讓你看看我有多堅強
我穿上我的盔甲,我會告訴你我是
我勢不可擋
我是一輛沒有剎車的保時捷
我是無敵的
是的,我贏了每一場比賽
我太強大了
我不需要電池玩
我很自信
是的,我今天勢不可擋
今天停不下來,今天停不下來
今天不可阻擋,我今天不可阻擋
崩潰,現在只有我一個人會哭泣
你永遠看不到隱藏的東西
隱藏在內心深處,是的,是的
我知道,我聽說了,讓你的感情表現出來
是讓友誼成長的唯一途徑
但我現在太害怕了,是的,是的
我穿上盔甲,讓你看看我有多堅強
我穿上我的盔甲,我會告訴你我是
我勢不可擋
我是一輛沒有剎車的保時捷
我是無敵的
是的,我贏了每一場比賽
我太強大了
我不需要電池玩
我很自信
是的,我今天勢不可擋
今天停不下來,今天停不下來
今天不可阻擋,我今天不可阻擋
今天停不下來,今天停不下來
今天不可阻擋,我今天不可阻擋
我穿上盔甲,讓你看看我有多堅強
我穿上我的盔甲,我會告訴你我是
我勢不可擋
我是一輛沒有剎車的保時捷
我是無敵的
是的,我贏了每一場比賽
我太強大了
我不需要電池玩
我很自信
是的,我今天勢不可擋
今天停不下來,今天停不下來
今天不可阻擋,我今天不可阻擋
今天停不下來,今天停不下來
今天勢不可擋,我今天勢不可擋”,}
uj5u.com熱心網友回復:
您的結果變數是一個物件。
您可以通過在設定歌詞時創建一個陣列來實作您想要的:
setLyric([results]);
uj5u.com熱心網友回復:
您從 useState lyric.. 獲得的資料是一個物件,對嗎?FlatList 需要一個陣列。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/448253.html
