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

67 votes312 views2 answers
Whats the best ways to 3 x 3 perfects squares on a webpage using flexbox
TypeScript
0 vote196 views1 answer
Angular from date to date validation
TypeScript
3 votes200 views2 answers
Lua print all elements table
TypeScript
0 vote198 views1 answer
Testing with limited information
TypeScript
0 vote207 views1 answer
Typescript vue html css types
TypeScript
2 votes263 views2 answers
Typescript iterate over enum
TypeScript
0 vote180 views1 answer
You’re asked to read a file a line at a time. For each line, you have to split it into fields. Which of the following sets of pseudo class definitions is likely to be more orthogonal?
TypeScript
0 vote197 views1 answer
Angular material date picker add dates automatically
TypeScript
-1 vote214 views1 answer
What are the three ways for a developer to execute tests in an org
TypeScript
0 vote211 views1 answer
Swift charts margins
TypeScript