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 vote245 views1 answer
Python headers requests fake
TypeScript
0 vote186 views1 answer
Mac mini late 2010
TypeScript
6 votes189 views1 answer
Check if key is in the js object
TypeScript
0 vote172 views1 answer
Eslint typescript vite not showing lint on code
TypeScript
0 vote261 views6 answers
How to find nuber of tweets per day using python
TypeScript
1 vote188 views1 answer
Template variables are read-only.
TypeScript
0 vote185 views1 answer
Rest api django return value if exists in another table
TypeScript
0 vote212 views1 answer
Vue bootstrap tooltip
TypeScript
0 vote188 views1 answer
Open url with pacage.json
TypeScript
-1 vote199 views1 answer
Fwrite() expects parameter 2 to be string, array given
TypeScript