java parentcomponent,How to pass all children elements of parent component?

I'm creating a reusable component what should get all Child elements what is passed at the place where the component is called. How do I simply use these children?

I somewhere saw that it could be done by just using: {...children}.

But because of my stupidness I cannot find back this refference.

I know this also could be done with ...props.

My reusable Component:

export const StyledComp = (props, ...children) => (

{(props.active) ? : }

{(props.active) &&

{...children}

}

);

Where I call my Component:

This element should be displayed

StyledCompInner Component:

export const StyledCompInner = styled.div`

background-color: #ccc;

width: 100%;

height: 100%;

`;

I expect to my Component is displayed and within it my the p element with the content: This element should be displayed.

But I actually get my Component displayed without the p element.