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 vote404 views1 answer
Nullish Coalescing
TypeScript
2 votes338 views2 answers
Constraints in sql
TypeScript
1 vote346 views3 answers
How to make all elements in array int python
TypeScript
5 votes279 views3 answers
: mysqli_fetch_array() expects parameter 1 to be mysqli_result, array given
TypeScript
0 vote345 views1 answer
Append to array mongoose updateone
TypeScript
2 votes351 views2 answers
Angular jasmine mock http request
TypeScript
1 vote324 views1 answer
Type annotations can only be used in TypeScript files.
TypeScript
14 votes317 views3 answers
Df.value_counts to dataframe
TypeScript
16 votes333 views1 answer
Python for with two arrays
TypeScript
7 votes366 views5 answers
Typescript foreach async await
TypeScript