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

9 votes325 views6 answers
Angular reload component
TypeScript
19 votes282 views4 answers
Material ui icon npm
TypeScript
0 vote299 views1 answer
React-scripts start error
TypeScript
0 vote605 views1 answer
Mongo change all documents on field
TypeScript
0 vote322 views2 answers
How to checka query to return User whose first name starts with R or last name starts with D in django
TypeScript
0 vote315 views2 answers
Spritesheets in pyqt
TypeScript
0 vote292 views1 answer
Scripted testing and exploratory testing
TypeScript
0 vote319 views1 answer
Ngsw pwa how to check version update
TypeScript
9 votes319 views3 answers
Typescript onclick event type props
TypeScript
16 votes297 views1 answer
Python for with two arrays
TypeScript