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 vote118 views2 answers
Get key of enum typescript
TypeScript
-1 vote116 views1 answer
Regex remove brackets and contents
TypeScript
0 vote111 views1 answer
Typescript sugar syntax
TypeScript
9 votes149 views5 answers
Python requests use proxy
TypeScript
0 vote116 views3 answers
Get local storage data in angular
TypeScript
0 vote115 views1 answer
Display Popular Posts laravel
TypeScript
0 vote110 views1 answer
What will be the result of the cp /etc/hosts . command?
TypeScript
0 vote111 views1 answer
"Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepositoryInterface", but its service could not be found. Make sure the service exists and is tagged with "doctrine.repository_service".
TypeScript
0 vote101 views1 answer
Which electromagnetic radiation is used for heating and night vision equipment
TypeScript
3 votes123 views1 answer
Arraylist of objects in java
TypeScript