ConditionalComponent.jsx

import React from 'react'
import PropTypes from 'prop-types'

class ConditionalComponent extends React.Component {
  static propTypes = {
    title: PropTypes.string,
    hidden: PropTypes.bool,
    expanded: PropTypes.bool,
    
    onClick: PropTypes.func
  }

  render () {
    if (!this.props.hidden) {
      return (
        <div>
          <h1>Here is the {this.props.title}</h1>
          
          {
            this.props.expanded && (
              <div>
                <p>Here is an extended description of something</p>
                
                <button onClick={this.props.onClick}>Do Something</button>
              </div>
            )
          }
        </div>
      )
    }
    else {
      return null
    }
  }
}