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

5 votes127 views2 answers
Convert object object to array typescript
TypeScript
17 votes128 views2 answers
Disable li decoration
TypeScript
4 votes171 views10 answers
Array
TypeScript
1 vote141 views1 answer
Typescript dynamic key value object
TypeScript
0 vote167 views1 answer
How to register a static assets folder spring boot
TypeScript
1 vote146 views1 answer
What does a test have
TypeScript
2 votes130 views1 answer
Typescript sum all array values
TypeScript
-1 vote139 views1 answer
What are the components of the environment? Explain it along with the examples.
TypeScript
0 vote136 views1 answer
The Apple I had a built-in video terminal, sockets for __________ kilobytes of onboard random access memory (RAM), a keyboard, and a cassette board meant to work with regular cassette recorders.
TypeScript
0 vote201 views1 answer
Unity destroy all objects with tag
TypeScript