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

2 votes182 views1 answer
React native paper select
TypeScript
6 votes184 views2 answers
FirebaseError: Firebase: Firebase App named '[DEFAULT'] already exists (app/duplicate-app).
TypeScript
5 votes182 views2 answers
How to create empty object typescript
TypeScript
0 vote183 views1 answer
Cube roots vb.net
TypeScript
2 votes190 views2 answers
Wordpress directory and its permissions
TypeScript
26 votes243 views3 answers
Create react app template typescript
TypeScript
0 vote189 views3 answers
How to print brackets characters in c#
TypeScript
1 vote179 views1 answer
Difference between dictionary and sets in python
TypeScript
0 vote198 views1 answer
Angular closest element
TypeScript
3 votes171 views1 answer
Stylesheet not loaded because of mime-type
TypeScript