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 vote228 views1 answer
Android fundamentals 02.3: Implicit intents open website won't work
TypeScript
17 votes177 views1 answer
Lts stands for
TypeScript
1 vote260 views1 answer
Conditional (click) action angular
TypeScript
0 vote223 views1 answer
Test plan vs qa plan
TypeScript
0 vote212 views1 answer
Array of linked lists in cpp
TypeScript
0 vote217 views1 answer
Do not use "// @ts-ignore" comments because they suppress compilation errors
TypeScript
0 vote271 views1 answer
How to return a new string with its first and last characters swapped
TypeScript
0 vote239 views1 answer
{"msg": "Attempting to decrypt but no vault secrets found"}
TypeScript
5 votes214 views1 answer
Vscode change comments color
TypeScript
1 vote221 views1 answer
React typescript custom hook
TypeScript