Сообщение не отправляет объект

Question

Я создал страницу входа в систему, на которой должны быть указаны имя пользователя и парольЯ использовал Аксиос.Это имя пользователя и пароль я завернул в объект (проверьте код ниже), но после отправки я получаю ответ «201».Да, это работает, но в браузере Chrome -> Сеть -> Запросить полезную нагрузку, как показано

{"name":"[object Undefined]","password":"[object Undefined]"}

Это мой код

class UserLogin extends React.Component {
    createUser = () => {
        let getLoginName = document.getElementById('user_name');
        let getLoginPassword = document.getElementById('user_pass');
        let postData = {
            name: toString(getLoginName),
            password: toString(getLoginPassword)
        }
        axios.post('https://reqres.in/api/users', postData)
            .then((function (response) {
                console.log(response);
            }))
            .catch((function (error) {
                console.log(error);
            }))
    }

Это мой API

{
    "email": "xxx@yyy.com",
    "password": "helloworld"
}

Answer 1

Вам нужны скобки, если вы хотите отправить его как объект, поэтому отправьте его так:

 axios.post('https://reqres.in/api/users', {
   data: postData}).then( response => {
 console.log(response);
  })

как вы запрашиваете данные в API?

Answer 2

Попробуйте это:

 let postData =  JSON.stringify({

   username: getLoginName,
   password: getLoginPassword

});