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 vote205 views1 answer
Components of .net framework
TypeScript
0 vote222 views1 answer
// running tests Your code should no longer have a p tag around the text asking what level ninja a user is. // tests completed category:423
TypeScript
0 vote228 views1 answer
Write getter angular
TypeScript
1 vote193 views1 answer
Macos fonts download for linux ubuntu
TypeScript
15 votes236 views2 answers
How to check if var exists python
TypeScript
0 vote214 views1 answer
How to send attachments to node mailer file not found
TypeScript
0 vote212 views1 answer
R merge lists override
TypeScript
2 votes197 views1 answer
Cannot find module 'fs' or its corresponding type declarations.
TypeScript
0 vote176 views1 answer
Typescript "variable?: type" notation
TypeScript
0 vote235 views1 answer
Return from r in restaurants orderby r.Name select r c#
TypeScript