【30秒で完結】ReactのonClickイベントで引数を渡す方法

const App = () => {
  unchi = () => {
    console.log('うんち爆弾');
  };

  return (
    <button onClick={unchi}>ボタン</button>
  )
};

export default App;

const App = () => {
  unchi = (val) => {
    console.log('うんち爆弾');
  };

  return (
    <button onClick={unchi('1')}>ボタン</button>
  )
};

export default App;

型 'void' を型 '(e: UIEvent) => void' に割り当てることはできません。ts(2322)
App.tsx(8, 3): 予期された型は、型 'IntrinsicAttributes & Pick & InexactPartial<Pick> & InexactPartial' に対してここで宣言されたプロパティ 'onClick' から取得されています
onClick={unchi('1')}

const App = () => {
  unchi = (val) => {
    console.log('うんち爆弾');
  };

  return (
    <button onClick={() => unchi('1')}>ボタン</button>
  )
};

export default App;