reactjs - 如何在反应中从列表中迭代？

Question

我将某些城市过滤到“citiesList”中，然后将它们映射到下拉组件中，但过滤器已完成，但地图部分未执行。

citySearched= (cities,city)=>{
      let citiesList= [...cities];
      citiesList= citiesList.filter(c => c.name.toLowerCase().includes(city.toLowerCase()))
      .map(c => (<DropDown key= {c.id} citySearch= {c.name}/>));
      console.log(citiesList,city);
    }

标签： reactjs

Answer 1

您应该返回您在函数中呈现的内容：

citySearched= (cities,city)=>{
      let citiesList= [...cities];
      citiesList= citiesList.filter(c => c.name.toLowerCase().includes(city.toLowerCase()))
      .map(c => (<DropDown key= {c.id} citySearch= {c.name}/>));
      console.log(citiesList,city);
      return citiesList
    }