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 vote106 views1 answer
From date and to date validation in angular 8
TypeScript
0 vote103 views1 answer
Cannot find module '@tns-core-modules/application-settings' or its corresponding type declarations.
TypeScript
0 vote95 views1 answer
Typeerror: cannot read property 'initialize' of undefined passport
TypeScript
0 vote119 views2 answers
Array objects to array of one property
TypeScript
0 vote97 views1 answer
Adding import of app routing module
TypeScript
0 vote99 views1 answer
Simulate click typescript
TypeScript
21 votes91 views4 answers
Rule::exists with custom message laravel
TypeScript
0 vote102 views1 answer
Dart get memory location of variable
TypeScript
0 vote114 views2 answers
Linux reload hosts file
TypeScript
0 vote109 views2 answers
Django query to return User whose first name starts with j or last name starts with h
TypeScript