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 vote153 views3 answers
Convert javascript function to typescript online
TypeScript
0 vote148 views1 answer
How to get match percentage of lists in python
TypeScript
18 votes151 views3 answers
What is unit testing
TypeScript
0 vote157 views1 answer
Mongodb move documents to another collection
TypeScript
0 vote152 views1 answer
Base64 encode typescript
TypeScript
0 vote154 views1 answer
Linq check if exists in list
TypeScript
0 vote154 views1 answer
Remove dots and commas java
TypeScript
0 vote143 views1 answer
Wordpress posts sidebar with category link programmatically
TypeScript
1 vote167 views2 answers
Trim undefined keys from object typescript
TypeScript
0 vote180 views1 answer
Reorder inline-block elements css
TypeScript