使用备忘录合并成单个条件

Question

我添加了检查页眉和页脚是否为值的条件

        const hasHeader = !!(children as React.ReactNode[]).find((el) =>
          isComponentType(el, Modal.Header)
        );
        const hasFooter = !!(children as React.ReactNode[]).find((el) =>
          isComponentType(el, Modal.Footer)
        );
        return {
          hasHeader,
          hasFooter,
        };
      }, [children]);```

Both header and footer are having the same code, how can I make in a single condition

Answer 1

const hasChildComponent = (Component) => {
  return !!(children as React.ReactNode[]).find((el) => isComponentType(el, Component));
}

return {
  hasHeader: hasChildComponent(Modal.Header),
  hasFooter: hasChildComponent(Modal.Footer),
}