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 vote194 views1 answer
Angular calculate difference between two dates
TypeScript
0 vote137 views1 answer
Cannot find module '@azure/msal-angular' or its corresponding type declarations.ts(2307)
TypeScript
2 votes124 views2 answers
Change url param angular
TypeScript
1 vote142 views1 answer
Microsoft.portable.csharp.targets was not found vs 2019
TypeScript
2 votes134 views1 answer
Router navigate pass params
TypeScript
15 votes219 views5 answers
Typescript random int
TypeScript
38 votes191 views2 answers
Whats my ip
TypeScript
0 vote138 views1 answer
Typscript to string
TypeScript
0 vote138 views1 answer
Serenity-is change button text
TypeScript
2 votes133 views1 answer
Typeorm findAndCount orderby
TypeScript