Register 페이지 질문이요

const onSubmit = ({email, password, name}) => {
    const body = {
      email,
      password,
      name,
      image : `https://via.placeholder.com/600x400?text=no+user+image`
    };

생략

<form className="mt-6" onSubmit={handleSubmit(onSubmit)}>
          <div className="mb-2">
            <label
              htmlFor="email"
              className="text-sm font-semibold text-gray-800"
            >Email</label>
            <input
              type="email"
              id="email"
              className="w-full px-4 py-2 mt-2 bg-white border rounded-md"
              {...register("email", userEmail)}
            />
            {
            errors?.email &&
            <div>
              <span className="text-red-500">
                {errors.email.message}
              </span>
            </div>
          }
          </div>

          <div className="mb-2">
            <label
              htmlFor="name"
              className="text-sm font-semibold text-gray-800"
            >Name</label>
            <input
              type="text"
              id="name"
              className="w-full px-4 py-2 mt-2 bg-white border rounded-md"
              {...register("name", userName)}
            />
            {
            errors?.name &&
            <div>
              <span className="text-red-500">
                {errors.name.message}
              </span>
            </div>
          }
          </div>

          <div className="mb-2">
            <label
              htmlFor="password"
              className="text-sm font-semibold text-gray-800"
            >Password</label>
            <input
              type="password"
              id="password"
              className="w-full px-4 py-2 mt-2 bg-white border rounded-md"
              {...register("password", userPassword)}
            />
            {
            errors?.password &&
            <div>
              <span className="text-red-500">
                {errors.password.message}
              </span>
            </div>
          }
          </div>
          <div className="mt-6">
            <button type="submit" className="w-full bg-black text-white px-4 py-2 rounded-md hover:bg-gray-700 duration-200">
              회원가입
            </button>
          </div>
          <p className="mt-8 text-xs font-light text-center text-gray-700">
          아이디가 있다면? {" "}
          <a
          href="/login"
          className="font-medium hover:underline"
          >
            로그인
          </a>
          </p>
        </form>

여기서 onSubmit 함수안에 있는 Body 에 email name password는 어떻게 가져오는건가요?

htmlFor 로 알고 가져오는건가요?

이부분이 좀 헷갈려서요

가져와서 Thunk로 넘어가는건 알겠는데

저 함수에서 어떻게 body로 담는지를 모르겠어요 ㅠ