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

2 votes193 views2 answers
Laravel get all inputs from request
TypeScript
2 votes213 views2 answers
Typescript object of type interface
TypeScript
1 vote191 views1 answer
Regex ts
TypeScript
0 vote226 views1 answer
Fruits = ["apple", "banana", "cherry"] for x in fruits: print(x) if x == "banana": break Identify output ?
TypeScript
1 vote171 views1 answer
Dynamic imports are only supported when the '--module' flag is set to 'es2020', 'esnext', 'commonjs', 'amd', 'system', or 'umd'.
TypeScript
1 vote183 views1 answer
Xaraktirismos tou tsiganou kai tou xose buendia sto keimeno 100 xronia monaksias, oi nees efeureseis
TypeScript
14 votes202 views6 answers
How to add two lists in python
TypeScript
0 vote193 views1 answer
Pass arguments to viewmodel android kotlin using koin
TypeScript
0 vote195 views5 answers
AddObjects giving a fatal error when pushing data to algolia
TypeScript
0 vote184 views1 answer
Count file lines in typescript
TypeScript