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

2 votes310 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
3 votes253 views1 answer
Angular remove object from array by id
TypeScript
2 votes300 views5 answers
Ng class in angular
TypeScript
0 vote300 views1 answer
Apply function to all elements with a class name
TypeScript
0 vote301 views1 answer
How to combine pdf documents C#
TypeScript
0 vote300 views2 answers
Minikube arguments --cpus
TypeScript
0 vote292 views1 answer
Chevrons or angle brackets latex
TypeScript
45 votes366 views6 answers
Typescript react app
TypeScript
0 vote288 views1 answer
Rapists near me
TypeScript
0 vote308 views1 answer
Ts useSelector types react
TypeScript