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

5 votes326 views3 answers
Typescript check type of variable
TypeScript
0 vote304 views1 answer
Surround substring with quotes
TypeScript
0 vote307 views1 answer
Powershell copy contents of keyvault to another keyvault
TypeScript
-1 vote360 views3 answers
Connect redis typescript usage
TypeScript
0 vote323 views1 answer
Angular TS2377
TypeScript
0 vote321 views1 answer
How to check if key exists in json object c#
TypeScript
18 votes312 views3 answers
Enum to number typescript
TypeScript
0 vote330 views2 answers
When we dont have to show data of child but change in child should be displayed in parent automatically
TypeScript
-1 vote323 views2 answers
Cannot find name 'HttpHeaders'
TypeScript
0 vote378 views1 answer
+github graphql api get commits from repo
TypeScript