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

3 votes165 views1 answer
Stylesheet not loaded because of mime-type
TypeScript
0 vote234 views1 answer
How to get class weights while using keras imagedatagenerator
TypeScript
-1 vote126 views1 answer
Angular events list
TypeScript
0 vote156 views1 answer
Property 'split' does not exist on type string
TypeScript
-1 vote212 views1 answer
Error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors in angular
TypeScript
2 votes193 views1 answer
Google Sheets How to Count business Days Between Two Dates
TypeScript
0 vote204 views1 answer
Typescript list
TypeScript
2 votes172 views1 answer
How to write a class with inputs in python
TypeScript
1 vote187 views3 answers
Functional components react
TypeScript
0 vote188 views1 answer
How to use indexOf in typesript
TypeScript