Currying.js

import "./App.css";

function App() {
  // const handleIt = (e: any, v: number) => {
  //     console.log(e, v)
  // }

  const handleIt = (v) => {
    return (e) => {
      console.log(e, v);
    };
  }; 
  // use currying to clean your code
  return (
    <div className="App">
      {/* <input onChange={(e)=> handleIt(e, 1)} /> */}
      {/* <input onChange={(e)=> handleIt(e, 2)} /> */}
      {/* <input onChange={(e)=> handleIt(e, 3)} /> */}
      <input onChange={handleIt(1)} />
      <input onChange={handleIt(2)} />
      <input onChange={handleIt(3)} />
    </div>
  );
}

export default App;