Javascript 如何在我的react js应用程序中实现搜索功能?

Javascript 如何在我的react js应用程序中实现搜索功能?,javascript,reactjs,Javascript,Reactjs,我想在我的react应用程序中实现搜索功能 我正在使用带有filter()方法的在线后端API(commerce js),但我想要一种更好的方法 const SearchPage=({products,onAddToCart,cart,searchedProducts})=>{ //searchedProducts是用户搜索的术语。 返回( {产品 .过滤器( (产品)=> 产品.名称.包括(searchedProducts)|| 产品.说明.包括(searchedProducts) ) .地

我想在我的react应用程序中实现搜索功能

我正在使用带有filter()方法的在线后端API(commerce js),但我想要一种更好的方法

const SearchPage=({products,onAddToCart,cart,searchedProducts})=>{
//searchedProducts是用户搜索的术语。
返回(
{产品
.过滤器(
(产品)=>
产品.名称.包括(searchedProducts)||
产品.说明.包括(searchedProducts)
)
.地图(
(产品)=>
product.inventory.available>=1&&(
)
)}
);
};

导出默认搜索页面咨询您的后端,查看它是否提供了用于搜索的API,因此您不必在此处使用筛选方法。如果您在一次API调用中获得所有结果,则在客户端中搜索比在每次搜索中调用API都要快。