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 vote160 views1 answer
What is children type in react
TypeScript
4 votes144 views2 answers
How to get value_counts output in dataframe format
TypeScript
0 vote150 views2 answers
Angular http
TypeScript
2 votes156 views1 answer
Ion-datetime min date today
TypeScript
0 vote141 views1 answer
Nextjs waiting for compiling problem
TypeScript
0 vote220 views1 answer
Downgrade typescript version
TypeScript
0 vote143 views1 answer
How to compile ts in cmd
TypeScript
14 votes185 views1 answer
Ngbmodal angular 9 yarn install
TypeScript
29 votes193 views4 answers
File ng.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote140 views1 answer
Excel separate input cell contents by space
TypeScript