ReactJS

1
import React from "react";
2

3
export function pickFromSyntheticEvent<T extends HTMLElement>() {
4
  return <K extends keyof T>(key: K) =>
5
    <E extends ((t: T[K]) => void)> (fn: E) =>
6
      (e: React.SyntheticEvent<T>) =>{
7
        fn(e.currentTarget[key]);
8
    }
9
}
10

11
export const getValue = pickFromSyntheticEvent<HTMLInputElement>()("value");
12
export const getChecked = pickFromSyntheticEvent<HTMLInputElement>()("checked");