Skip to content

Instantly share code, notes, and snippets.

@flipjs
Forked from kitze/conditionalwrap.js
Created October 27, 2017 12:31
Show Gist options
  • Save flipjs/11a821d45fd9e74f58c883332b0652b2 to your computer and use it in GitHub Desktop.
Save flipjs/11a821d45fd9e74f58c883332b0652b2 to your computer and use it in GitHub Desktop.
one-line React component for conditionally wrapping children
import React from 'react';
const ConditionalWrap = ({condition, wrap, children}) => condition ? wrap(children) : children;
const Header = ({shouldLinkToHome}) => (
<div>
<ConditionalWrap
condition={shouldLinkToHome}
wrap={children => <a href="/">{children}</a>}
>
<img src="logo.png"/>
</ConditionalWrap>
</div>
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment