React Conditional Wrapper Component

README.md

Conditional Component

Usage

• Import as regular
• Wrap a component with a conditional

const Example = (props) {
  return (
    <>
      <Conditional condition={this.props.exampleValue === true}>
        <span>This is the true scenario</span>
      </Conditional>
      <Conditional condition={this.props.exampleValue === false}>
        <span>This is the false scenario</span>
      </Conditional>
    </>
  )
}

• ???
• PROFIT!

Conditional.js

import React, { Component } from 'react'

class Conditional extends Component {
  render () {
    if (this.props.condition === false)
      return null
    
    return (
      <>
        {this.props.children}
      </>
    )
       
  }
}

export default Conditional