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 vote110 views1 answer
Read excel typescript
TypeScript
0 vote213 views2 answers
Integrationtest typescript
TypeScript
0 vote172 views2 answers
Paths typescript
TypeScript
0 vote115 views1 answer
Install dependencies angular
TypeScript
0 vote129 views2 answers
"Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given"
TypeScript
1 vote121 views1 answer
How to install typescript in visual studio code
TypeScript
0 vote115 views1 answer
Delphi call function from its name
TypeScript
0 vote127 views1 answer
Typescript equals string
TypeScript
-1 vote128 views2 answers
Remove empty objects from array lodash
TypeScript
0 vote115 views1 answer
Mat-checkbox change
TypeScript