Javascript React+；中的去抖动方法的正确方法是什么；雷杜？

我想在过滤器组件中消除AJAX请求的影响。问题是，我还想在用户开始键入时显示loader，但这会导致组件重新输入并重新声明

handleChange

方法，从而使debounce不能像我预期的那样工作。正确的处理方法是什么

const QuestionsPage: React.FunctionComponent<T.IQuestionsPageProps> = (props) => {
    const debouncedFilter = debounce(props.fetchFilteredQuestions, 500);

    const handleChange = (values: any) => {
        props.setFetching(true);
        debouncedFilter(values);
    };

    return (
        <Wrapper>
            <QuestionsSearchForm
                className={s.form}
                handleChange={handleChange}
            />
            {
                props.isFetching && <p>FETCHING</p>
            }
            { ... mapping list ... }
        </Wrapper>
    );
};

const QuestionsPage:React.FunctionComponent=（props）=>{
const debouncedFilter=debounce（props.fetchFilteredQuestions，500）；
常量handleChange=（值：any）=>{
props.setFetching（true）；
去BouncedFilter（值）；
};
返回(
{
props.isFetching&FETCHING

}
{…映射列表…}
);
};