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 vote135 views1 answer
Lua programming - setting up physics
TypeScript
0 vote148 views1 answer
List of american tanks
TypeScript
0 vote183 views1 answer
Typescript checkbox event
TypeScript
0 vote154 views1 answer
Typescript document.queryselector type
TypeScript
1 vote165 views1 answer
Activate.ps1 is disables in this system
TypeScript
0 vote126 views1 answer
Ngbcollapse error with Reactive Forms
TypeScript
0 vote142 views1 answer
Array elements double next to each other
TypeScript
0 vote135 views2 answers
Li elements horizontally css
TypeScript
4 votes140 views1 answer
ERR_TOO_MANY_REDIRECTS wordpress
TypeScript
1 vote136 views1 answer
Js split at index
TypeScript