useEffect当组件更改时，React Hook会多次调用

Question

当filterState更改时，我的函数向后端发出10次异步调用。我希望每次更改都可以调用它。

 useEffect(() => {
    const getQuery = async () => {
      let query = filterActions.getQueryString()
      taskService.get(query).then(res => {
        console.log('tasks res', res)
        setQueriedTasks(res)
      })
    }

    getQuery()
  }, [filterState])

我如何更新过滤器

  const updateFilter = (updates) => {
    dispatch({type: 'SET_FILTER', payload: updates})
  }

我的减速器更新状态

function reducer(state, action) {
  switch (action.type) {
  case 'SET_FILTER':
    return Object.assign({...state}, action.payload)
  }
}