React.children

import React from 'react';

type Props = {
  children: JSX.Element[] | JSX.Element;
  margin: number;
};

export default function Stack({ children, margin }: Props) {
  function wrapChildren() {
    return React.Children.map(children, (child) =>
      React.cloneElement(child, { style: { ...child.props.style, marginBottom: `${margin}px` } }),
    );
  }

  return <>{wrapChildren()}</>;
}

Similar codes

0 vote266 views1 answer
How to pass data between requests
TypeScript
2 votes281 views2 answers
Nodejs aws s3 upload
TypeScript
1 vote271 views1 answer
Can't bind to 'cdkCopyToClipboard' since it isn't a known property of 'button'
TypeScript
0 vote288 views1 answer
Adding import of app routing module
TypeScript
3 votes273 views2 answers
What is typescript
TypeScript
0 vote255 views1 answer
Use strict typescript
TypeScript
0 vote300 views1 answer
Como agregarle un rango a mat-datapicker
TypeScript
24 votes287 views4 answers
NgFor
TypeScript
3 votes265 views1 answer
Typescript string contains
TypeScript
0 vote270 views2 answers
Typescript one of the array items
TypeScript