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

9 votes276 views2 answers
Open and append to file python if exists if not create
TypeScript
0 vote224 views1 answer
Send tcp packets to kubernetes node
TypeScript
1 vote319 views3 answers
Convert javascript to typescript online converter
TypeScript
0 vote253 views1 answer
Filter by list of Ids
TypeScript
0 vote235 views3 answers
Number to string typescript
TypeScript
0 vote233 views1 answer
Lua programming - setting up physics
TypeScript
0 vote218 views1 answer
How to check if file exists lua
TypeScript
15 votes253 views4 answers
Typescript clear array
TypeScript
0 vote231 views1 answer
Why touchable opacity to take width of its child
TypeScript
0 vote237 views1 answer
The following TestContainer was not found
TypeScript