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 vote191 views1 answer
Type script array declaration
TypeScript
0 vote211 views1 answer
Typescript add days to date
TypeScript
1 vote198 views1 answer
Execute only one test spec with angular-cli (ng test)
TypeScript
0 vote184 views1 answer
How to get all dates from range in react js
TypeScript
0 vote186 views1 answer
Error TS2339: Property 'open' does not exist on type 'MatDialogModule'.
TypeScript
1 vote219 views1 answer
Vue router mode history typescript
TypeScript
0 vote191 views1 answer
Hardness of water is due to the presence of salts of
TypeScript
4 votes156 views1 answer
Typescript define return type based on parameter
TypeScript
0 vote218 views1 answer
Django model get all documents with a given foreign key
TypeScript
0 vote178 views6 answers
Python double check if wants to execute funtion
TypeScript