Javascript 搜索栏中的数据库API 食品

大家好，我想不出以下几点：我正试图通过

搜索栏

从数据库Edamam API中搜索食物，并将它们列在

列表

中，这是页面的链接：我如何做到这一点？

这里是一个按成分搜索的示例：

        <SearchBar/>
            <List style={{ paddingTop: hp("1%"), backgroundColor: "white" }}>
              <TouchableOpacity>
                <Text>Foods</Text>
              </TouchableOpacity>
            </List>

导出默认函数App（）{
const[data，setData]=useState（[]）；
常量更新搜索=（e）=>{
axios
.得到(
`https://api.edamam.com/api/food-database/v2/nutrients?app_id=${YOUR_APP_ID}&APP_key=${YOUR_APP_key}&ingr=${e.target.value}`
)
。然后（（res）=>{
setData（res.data）；
});
};
返回(
{data.parsed.map（{food}）=>(
{食品标签}

))}
);
}

下面是一个按成分搜索的示例：

        <SearchBar/>
            <List style={{ paddingTop: hp("1%"), backgroundColor: "white" }}>
              <TouchableOpacity>
                <Text>Foods</Text>
              </TouchableOpacity>
            </List>

导出默认函数App（）{
const[data，setData]=useState（[]）；
常量更新搜索=（e）=>{
axios
.得到(
`https://api.edamam.com/api/food-database/v2/nutrients?app_id=${YOUR_APP_ID}&APP_key=${YOUR_APP_key}&ingr=${e.target.value}`
)
。然后（（res）=>{
setData（res.data）；
});
};
返回(
{data.parsed.map（{food}）=>(
{食品标签}

))}
);
}

你能提供

更新搜索

功能吗？它真的没有连接到任何东西，我弄糊涂了并取消了它，我会更新它，你能提供

更新搜索

功能吗？它真的没有连接到任何东西，我弄糊涂了并取消了它，我将在类组件中更新itHow about？@PiersalvoMigliore它给了我一个错误：

undefined不是对象（评估'data.parsed.map'）

从API调用中检索到什么@Piersalvomiglore它应该是食物（鸡肉、大米等）的标签。在类组件中如何？@Piersalvomiglore它给了我一个错误：

undefined不是对象（评估'data.parsed.map'）

从API调用中检索到什么@Piersalvomigliore应该是食品（鸡肉、大米等）的标签