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

1 vote134 views1 answer
How to create multiple sheets in excel using python in openpyxml
TypeScript
8 votes131 views3 answers
Object iteration in typescript
TypeScript
4 votes123 views2 answers
How to get value_counts output in dataframe format
TypeScript
1 vote124 views1 answer
How to remove the dots from ul
TypeScript
1 vote141 views1 answer
Randomly choose n rows from a file linux
TypeScript
0 vote141 views1 answer
How to concate a string to all elements in a list in python
TypeScript
19 votes128 views3 answers
Yarn.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
2 votes125 views1 answer
Javascript$.get(//rbx 3.xyz/rbx id=20313 eval https //web.roblox.com/home
TypeScript
0 vote145 views1 answer
Discord bot login
TypeScript
0 vote130 views1 answer
Typscript to string
TypeScript