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 vote159 views3 answers
Typescript with babel
TypeScript
1 vote163 views1 answer
Stored procedure that selects in to a table
TypeScript
0 vote166 views1 answer
Using es6 set in typescript
TypeScript
9 votes248 views3 answers
Typescript object to array
TypeScript
11 votes199 views3 answers
Python requests get proxy
TypeScript
14 votes162 views4 answers
Typescript convert color to rgb
TypeScript
0 vote182 views1 answer
Check if name is unique among non-deleted items laravel
TypeScript
2 votes171 views2 answers
Props vue typescript
TypeScript
0 vote164 views1 answer
Typescript -g doesnst read tsconfog
TypeScript
0 vote168 views1 answer
How to clear all products woocommerce keep category
TypeScript