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 vote269 views1 answer
Laravel update if exists or create
TypeScript
2 votes307 views2 answers
Typescript property state does not exist
TypeScript
0 vote309 views1 answer
How to exclude certain proprty from a class typescript
TypeScript
0 vote295 views2 answers
Empty form elements except jquery
TypeScript
0 vote299 views1 answer
Pip install requirements txt not found
TypeScript
0 vote298 views1 answer
.htaccess Preventing requests with invalid characters
TypeScript
0 vote241 views1 answer
Vue-router navbar
TypeScript
0 vote293 views1 answer
Check runnong ports ubuntu
TypeScript
4 votes284 views2 answers
Setup express with typescript
TypeScript
0 vote281 views1 answer
Vestacp ports mysql
TypeScript