有没有办法在同一个jsx文件中同时对空数组和[props and states]值使用useEffect



我正在为我的电子商务项目实现一种搜索栏过滤器类型的模块。当页面开始加载时,我需要从api调用中获取数据,我可以使用Effect挂钩进行管理。但有一个文本字段用于搜索,用于类别、产品名称等,在搜索栏中键入时,状态值不断变化。这就是为什么我也需要对状态使用Effect。。但我怎样才能使这两个东西在同一个文件上工作呢?

`

useEffect(() => {
applyFilters();
}, [selectedRating, categories, searchInput]);

`

useEffect(() => {
/*fetch products from api call */

}, []);
React允许在同一组件中具有多个useEffect

/* For state change of internal components */
useEffect(() => {
applyFilters();
}, [selectedRating, categories, searchInput]);

/* For API fetch call */
useEffect(() => {
/*fetch products from api call */
}, []);

最新更新