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

1 vote151 views2 answers
Typescript submit event
TypeScript
2 votes142 views2 answers
Typescript convert numer to string
TypeScript
0 vote167 views1 answer
How to put column value counts into a histogram
TypeScript
0 vote155 views1 answer
"Listed following are distinguishing characteristics of different end states of stars. Match these to the appropriate consequence of stellar death."
TypeScript
0 vote148 views1 answer
How to use client and webresource objects to do https call
TypeScript
0 vote135 views1 answer
Vue-router navbar
TypeScript
-1 vote160 views1 answer
What is lexicographically smallest string
TypeScript
0 vote147 views1 answer
Python unix get 5 minuts from now
TypeScript
1 vote145 views1 answer
Typescript function parameters optional destruct
TypeScript
0 vote174 views1 answer
String of bits to integer java
TypeScript