React - how to determine if a specific child component exists?

Question

If I have this structure:

const MyComponent = (props) => {
    return (
        {props.children}
    );
}

a

Answer 1

Just want to provide an answer for a similar but different need, where you might have an HOC wrapping several layers of components, and you'd like to see if the HOC has already wrapped a component. The method I came up with was to have the HOC add a data-attribute onto the component to serve as a flag, which the HOC could then check on subsequent runs.

const WithFoo = Component = props => {
  return props["data-with-foo"]
    ? 
    : (
      
        
      
    );
};