Support for handleEvent DOM interface

Reproduction

class Foo {
  click(e) {
	this.setState({ clicked: true })
  }

  handleEvent(e) {
    // nicety: `this` is the component
    this[e.type](e)
  }
  render() {
    return <button onClick={this} />
  }
}

Steps to reproduce

Click the button.

Expected Behavior

handleEvent is used and doesn’t throw an error.

Actual Behavior

this.l[e.type](P.event ? P.event(e) : e) throws an error, as this.l[e.type] is this.

[marvinhagemeister]

That’s interesting! First time I’ve heard of it. If you can’t wait, you can patch that into Preact via an option hook:

import { options } from "preact";

let oldVNode = options.vnode;
options.vnode = vnode => {
  const { type, props } = vnode;

  // Only check DOM nodes
  if (typeof type === "string") {
    for (const name in props) {
      const value = props[name];
      if (value && typeof value.handleEvent === "function") {
        props[name] = value.handleEvent;
      }
    }
  }
  if (oldVNode) oldVNode(vnode);
};

[developit]

Definitely! I can throw a PR together that should at least show the rough outline of what we are proposing here, then we can go from there?