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

38 votes319 views2 answers
Npm ng.ps1 cannot be loaded because running scripts is disabled on this system grepper
TypeScript
0 vote279 views1 answer
Typescript add one month to date
TypeScript
0 vote268 views1 answer
Express typescript error handling
TypeScript
0 vote288 views1 answer
Why table columns are messing in one another in angular
TypeScript
0 vote261 views2 answers
Paths typescript
TypeScript
1 vote281 views3 answers
Linux split mp4 into 2 parts by time
TypeScript
-1 vote256 views1 answer
How to install typescript on linux
TypeScript
1 vote289 views1 answer
Angular connexion
TypeScript
11 votes246 views6 answers
Localstorage
TypeScript
0 vote254 views1 answer
Pointer vers dépots distants git hub
TypeScript