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

7 votes135 views2 answers
Arrow function in ts
TypeScript
1 vote128 views1 answer
See sheets of excel file python
TypeScript
5 votes133 views2 answers
How to append to a list of lists in python
TypeScript
0 vote86 views1 answer
Typescript post request json
TypeScript
4 votes150 views2 answers
ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.6.0 but 4.1.5 was found instead.
TypeScript
0 vote116 views1 answer
Typescript compare strings
TypeScript
0 vote136 views1 answer
Increment elements in array typescript
TypeScript
0 vote127 views1 answer
Inno add exe in service
TypeScript
1 vote132 views1 answer
Ts class static function call inside class extends
TypeScript
0 vote116 views1 answer
Mongodb nest.js
TypeScript