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 vote197 views1 answer
Input deno
TypeScript
0 vote202 views1 answer
Testing techniques
TypeScript
0 vote224 views1 answer
Best way to display developer credits on a website
TypeScript
1 vote158 views1 answer
Undefined string typescript
TypeScript
12 votes262 views1 answer
Typescript keyof
TypeScript
1 vote216 views1 answer
React-router-dom redirect on click
TypeScript
0 vote227 views1 answer
Push array elements if not exists mongoose
TypeScript
2 votes693 views2 answers
Laravel custom exists rule
TypeScript
12 votes216 views2 answers
How to make a bool appear in all scripts unity
TypeScript
0 vote205 views1 answer
Typescript reduce filter examples
TypeScript