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 vote338 views1 answer
Ts pipe function
TypeScript
0 vote305 views1 answer
Compy mongodb database with indexes
TypeScript
1 vote357 views1 answer
Adoni db:seed
TypeScript
-1 vote305 views1 answer
How many continents are there
TypeScript
0 vote348 views1 answer
Common mistakes in testing
TypeScript
0 vote337 views1 answer
Typescript throw not implemented exception
TypeScript
3 votes320 views2 answers
Conditional classes angular
TypeScript
0 vote294 views1 answer
Object is possibly 'null'. 20 *ngIf="!signupForm.get('email').valid && signupForm.get('email')!.touched "
TypeScript
1 vote313 views1 answer
Next js onclick navigate
TypeScript
0 vote296 views1 answer
Add column if not exists postgresql
TypeScript