react的事件绑定是通过 <div onClick={**handleClick**}>Counter: {num}</div>
的方式去绑定的,所以我们只需要获取到这个dom的props即可进行判断。
function updateProps(props, dom) {
Object.keys(props).forEach((key) => {
if (key !== "children") {
// 判断key的字符串是不是'on'开头
if (key.startsWith("on")) {
const eventType = key.slice(2).toLocaleLowerCase();
// 将事件绑定到dom上即可
dom.addEventListener(eventType, props[key]);
}
dom[key] = props[key];
}
});
}