react-hook-form axios post -无法创建有效负载

import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data) => {
    // 在这里使用Axios发送POST请求
    axios.post('https://api.example.com/submit', data)
      .then(response => {
        // 处理响应
      })
      .catch(error => {
        // 处理错误
      });
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input name="username" ref={register} />
      <input name="password" type="password" ref={register} />
      <button type="submit">提交</button>
    </form>
  );
}

axios.post('https://api.example.com/submit', data, {
  headers: {
    'Content-Type': 'application/json'
  }
})

axios.post('https://api.example.com/submit', JSON.stringify(data), {
  headers: {
    'Content-Type': 'application/json'
  }
})