react functional

component.js

function component(...args) {
  const [func, opts = {}] = args.reverse();
  if (opts.constructor !== Object) {
    throw new Error('Options must be a plain object');
  }
  class FunctionalComponent extends (opts.impure ? React.Component : React.PureComponent) {
    constructor() {
      super(...arguments);
      this.setState = this.setState.bind(this);
    }
    render() {
      return func(this.props, this.state, this.setState, this.linkEvent);
    }
  }
  FunctionalComponent.displayName = func.name;
  for (const opt in opts) {
    if (typeof opts[opt] === 'function') {
      FunctionalComponent.prototype[opt] = function (props, nextProps) {
        console.log(props, nextProps);
        return opts[opt](...arguments, this.setState, this.state, this.props);
      };
    } else {
      FunctionalComponent.prototype[opt] = opts[opt];
    }
  }
  return FunctionalComponent;
}