React checkbox onChange 事件没响应 about kbone HOT 8 CLOSED

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }


  componentDidMount() {
    this.myRef.current.addEventListener('change', onChange)
  }

  render() {
    return <label>
      <input
        ref={this.myRef}
        type="checkbox"
        onChange={onChange}
      />
      这是 checkbox 组件 addEventListener
    </label>;
  }
}

    $_getHandlers(eventName, isCapture, isInit) {
        const handlerMap = this.$_eventHandlerMap

        if (isInit) {
            const handlerObj = handlerMap[eventName] = handlerMap[eventName] || {}

            handlerObj.capture = handlerObj.capture || []
            handlerObj.bubble = handlerObj.bubble || []

            return isCapture ? handlerObj.capture : handlerObj.bubble
        } else {
            let handlers = []

            const handlerObj = handlerMap[eventName]
            if (handlerObj) {
                handlers = handlers.concat(isCapture ? handlerObj.capture : handlerObj.bubble)
            }

            for (let key in this) {
                if (this.hasOwnProperty(key) && /^__reactEventHandlers/.test(key)) {
                    const reactEventHandlers = this[key]
                    Object.keys(reactEventHandlers).map(reactEventName => {
                        if (reactEventName.toLowerCase() === `on${eventName}`) {
                            const targetMethod = reactEventHandlers[reactEventName]
                            if (typeof targetMethod === 'function') {
                                handlers.push(targetMethod)
                            }
                        }
                    })
                }
            }
            return handlers
        }
    }

<input
      type="checkbox"
      value="aaa"
      onClick={onClick}
    />
    这是 checkbox 组件
  </label>

function onClick(evt){
  console.log('onClick', evt.currentTarget.checked)
}

/** @jsx nativeEvents */
import nativeEvents from 'jsx-native-events'
import { useState } from 'react'
import 'omim/icon-button'

export default function SomeComponent(props) {
    const [result, setSwitch] = useState(false)

    return (
      <div>
        <p>The switch is {result ? 'on' : 'off'}</p>
        <m-icon-button color="red" icons="['favorite', 'favorite_border']" onEventChange={e => setSwitch(e.detail.isOn)}>
        </m-icon-button>
      </div>
    )
}