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

1 vote105 views1 answer
Moving data between the request
TypeScript
4 votes114 views2 answers
Hosts file
TypeScript
0 vote116 views1 answer
Prisma schema example
TypeScript
0 vote112 views1 answer
Using es6 set in typescript
TypeScript
2 votes120 views2 answers
Capacitor icon and splash
TypeScript
0 vote108 views1 answer
What are appropriate timing of alerts of alertmangaer
TypeScript
0 vote103 views2 answers
File_get_contents url fail
TypeScript
2 votes108 views1 answer
Ts-node call function from command line
TypeScript
1 vote111 views1 answer
Node_modules/@apollo/client/react/context/ApolloConsumer.d.ts:1:19 - error TS2307: Cannot find module 'react' or its corresponding type declarations
TypeScript
2 votes111 views2 answers
Angular jasmine mock http request
TypeScript