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 vote149 views1 answer
Feature counts bioconda
TypeScript
1 vote197 views1 answer
Geting request header in loopback4
TypeScript
0 vote196 views1 answer
Windows domain add hosts file
TypeScript
0 vote233 views1 answer
How to check whether url is responding or not in typescript
TypeScript
0 vote143 views3 answers
How to send email to multiple recipients
TypeScript
1 vote216 views1 answer
Reverse string in typescript
TypeScript
20 votes193 views2 answers
Typescript how to color your console loggers
TypeScript
1 vote198 views1 answer
Challenges in agile
TypeScript
0 vote173 views1 answer
Common mistakes
TypeScript
1 vote192 views1 answer
Global d ts
TypeScript