react: onChageの書き方について

Question

実現したいこと

input1つ1つにonChageの関数を書くのは冗長な気がするためhandlePasswordChangeとhandleEmailChangeを1つのonChageの関数で書く方法を知りたい。

import { useDispatch, useSelector } from 'react-redux';
import { RootState } from '../reducers/root_reducers';
import { loginAction } from '../actions/login_action';


function Login() {
  const dispatch = useDispatch();
  const selector = useSelector((state: RootState) => state.signIn)

  const handleEmailChange = (e) => {
    const InputEmail = e.target.value;
    dispatch(loginAction(
      { email: InputEmail, password: selector.password }
    ))
  };

  const handlePasswordChange = (e) => {
    const InputPassword = e.target.value;
    dispatch(loginAction(
      { email: selector.email, password: InputPassword }
    ))
  }

  return (
    <>
      <form action="">
        <input type="email" name="email" value={selector.email} onChange={handleEmailChange} autoFocus />
        <input type="password" name="password" value={selector.password} onChange={handlePasswordChange} />
        <input type="submit" value="Lgoin" />
      </form>
    </>
  )
}

export default Login

Comments

[maisumakun]

signInActionはどこで定義されていますか？

[nanase21]

signInActionはloginActionのことです。
紛らわしくてすいません。