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 vote325 views1 answer
Chevrons or angle brackets latex
TypeScript
0 vote334 views1 answer
Display Popular Posts laravel
TypeScript
0 vote318 views1 answer
How to validate email address in typescript
TypeScript
2 votes329 views2 answers
Angular jasmine mock http request
TypeScript
0 vote326 views1 answer
Python shuffle two lists together
TypeScript
0 vote340 views1 answer
Extracts lists from list python
TypeScript
0 vote322 views1 answer
Requests session next page python
TypeScript
1 vote335 views1 answer
Round up number typescript
TypeScript
0 vote330 views1 answer
DISTINQUISH BETWEEN THE AVERAGE CASE AND WORSE CASE RUNNING TIME AND THE FACTORS AFFECTING THAT AFFECTS THE RUNNING TIME OF AN ALGORITHM
TypeScript
0 vote340 views1 answer
Test coverage techniques
TypeScript