Skip to content

Instantly share code, notes, and snippets.

@psenger

psenger/wrap_childred.jsx

Created March 23, 2021 23:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save psenger/c327442595b7c9623378327f5cf34d67 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save psenger/c327442595b7c9623378327f5cf34d67 to your computer and use it in GitHub Desktop.
Download ZIP
[How to Wrap React Children] #ReactJs
Raw
wrap_childred.jsx
const OpaqueWrapper = ({ children }) => (
children && (
<Wrapper>
{React.Children.map(children, child => (
React.cloneElement(child, {style: {...child.props.style, opacity: 0.5}})
))}
</Wrapper>
)
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment