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 vote161 views1 answer
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher. The following dependencies do not satisfy the required version: project ':video_compress' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.31
TypeScript
0 vote157 views1 answer
Hide elements using DOM in TypeScript
TypeScript
1 vote165 views1 answer
==> restfulapi: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.
TypeScript
0 vote163 views1 answer
How to label points in scatter plot in python
TypeScript
0 vote173 views1 answer
How to separate elements in list python
TypeScript
1 vote136 views1 answer
Use of value_counts in python
TypeScript
3 votes166 views1 answer
Squash commits in remote branch
TypeScript
0 vote204 views1 answer
Access - Open form non data entry mode
TypeScript
1 vote146 views2 answers
.env typescript
TypeScript
-1 vote180 views2 answers
ERROR in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:230:9 - error TS1086: An accessor cannot be declared in an ambient context. 230 set ngbPanelToggle(panel: NgbPanel);
TypeScript