我最近一直在使用 React-native（老實說這是我第一次使用）。
我正在從 api 檢索值，并嘗試在 Text 標簽中顯示它們。但我不知道如何訪問這些值。
所以，這是我的代碼：
export const Home = () => {
const [data, setData] = useState([]);
const getApiInformations = async () => {
const response = await fetch('https://www.thecocktaildb.com/api/json/v1/1/search.php?s=margarita');
const responseJson = await response.json();
setData(responseJson);
}
useEffect(() => {
getApiInformations();
}, []);
return (
<View>
<Text>
{
I want to put the values here like : data.idDrink, data.OtherValue,...
}
</Text>
</View>
);
}
在 {data.drinks} 我有：
0: {idDrink: '11007', strDrink: 'Margarita', strDrinkAlternate: null, strTags: 'IBA,ContemporaryClassic', strVideo: null, …}
1: {idDrink: '11118', strDrink: 'Blue Margarita', strDrinkAlternate: null, strTags: null, strVideo: null, …}
2: {idDrink: '17216', strDrink: "Tommy's Margarita", strDrinkAlternate: null, strTags: 'IBA,NewEra', strVideo: null, …}
3: {idDrink: '16158', strDrink: 'Whitecap Margarita', strDrinkAlternate: null, strTags: null, strVideo: null, …}
4: {idDrink: '12322', strDrink: 'Strawberry Margarita', strDrinkAlternate: null, strTags: null, strVideo: null, …}
5: {idDrink: '178332', strDrink: 'Smashed Watermelon Margarita'
謝謝你的幫助 ：）。
uj5u.com熱心網友回復：
您可以使用.map()javascript 中的功能。例如：
{data && data.map((element) => {
return <Text key={element.idDrink}>ID: {element.idDrink} Name: {element.strDrink}</Text>
})}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/385788.html