javascript - 将函数值返回给反应组件

Question

我想要做的是将 API 调用的结果传递给 React 组件并从中创建一个列表。

我不知道如何将函数内部的值传递给组件？我需要有状态吗？

searchMealsHandler(event) {
    if (event.target.value.length > 2) {
        let findMeals = fetch(`https://api.edamam.com/api/food-database/v2/parser?ingr=${event.target.value}&app_id=${appID}&app_key=${appKey}`)
            .then(res => res.json())
            .then(result => result.hints);

        return findMeals;
    }
}

render() {
    return (
        <div>
            <SearchMeal search={this.searchMealsHandler} />
            <MealList list="how to pass it here" />
            <SelectedMeals />
        </div>
    )
}

标签： javascriptreactjs

Answer 1

是的，您需要为列表创建状态，然后在完成setState后更新它fetch