app.js

import React, {Component} from 'react';
import PropTypes from 'prop-types'
import {defaultTo} from 'lodash';

class HideOrShow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isVisible: defaultTo(props.initialState, false),
    };
    this.hide = this.hide.bind(this);
    this.show = this.show.bind(this);
  }
  hide() {
    this.setState({
      isVisible: false
    });
  }
  show() {
    this.setState({
      isVisible: true
    });
  }
  render() {
    return this.props.children({
      ...this.state,
      hide: this.hide,
      show: this.show,
    });
  }
}
HideOrShow.PropTypes = {
  initialState: PropTypes.bool,
  children: PropTypes.func.isRequired
};

export default HideOrShow;