Generic Lifecycles component for React.

Lifecycles.js

import React from "react";
import isFunction from "lodash/isFunction";

class Lifecycles extends React.Component {
  async componentDidMount() {
    if (this.props.didMount) {
      await this.props.didMount({ props: this.props });
    }
  }

  async componentDidUpdate(prevProps) {
    if (this.props.didUpdate) {
      await this.props.didUpdate({ props: this.props, prevProps });
    }
  }

  componentWillUnmount() {
    if (this.props.willUnmount) {
      this.props.willUnmount({ props: this.props });
    }
  }

  render() {
    if (isFunction(this.props.children)) {
      return this.props.children();
    }
    if (this.props.children) {
      return this.props.children;
    }
    return null;
  }
}

export { Lifecycles };