TIP) React, Capturing 막는 법.

const onClickBlanckArea = useCallback((e: React.MouseEvent<HTMLElement, MouseEvent>) => {
    if (e.currentTarget === e.target) {
        setSearchedValues(prev => {
            if (prev.isOpen) {
                return {
                    ...prev,
                    isOpen: false,
                };
            }
            return prev;
        });
    }
}, []);

리액트 컴포넌트를 만들면서, 인풋 Search-Bar를 제외한 컴포넌트를 눌렀을 때, 창이 안보이게 막는 함수 입니다.

currentTarget과 함수가 등록된 target을 비교하여, 둘이 같을 때만 함수가 실행되도록 합니다.