React.js API вызовы с использованием Axios ⇐ Html

[Anonymous]

Я пытаюсь создать форму входа в react.js. У меня есть API, где есть только имя пользователя и пароль. Теперь я не знаю, как назвать API в React.js. Я смотрел учебные пособия, но я не понял. Я не разработчик React, я просто новичок. Один из моих друзей помог мне, и он позвонил в API с помощью JavaScript, но я пытаюсь написать код с помощью YouTube и CHATGPT, все же я получаю ошибки. Ниже приведен код JavaScript, который работает. Я могу написать HTML и CSS, но я не могу написать JavaScript и его библиотеки. < /P>





Login Form







Login Form



Username:


Password:



Login







$(document).ready(function() {
$('#loginForm').submit(function(event) {
event.preventDefault(); // Prevent the form from submitting normally

// Get username and password from the form
var username = $('#username').val();
var password = $('#password').val();

// Construct the URL with concatenated login and passw parameters
var apiUrl = 'http://portal.mashitec.com/SalesWebApi/ ... r1/?login=' + encodeURIComponent(username) + '&passw=' + encodeURIComponent(password);

// Make POST request to API
$.ajax({
type: 'POST',
url: apiUrl,
success: function(response) {
// Check if the response matches the username
if (response === username) {
$('#message').text('Authorized');
} else {
$('#message').text('Not Authorized');
}
},
error: function(xhr, status, error) {
$('#message').text('Error: ' + error);
}
});
});
});






Подробнее здесь: https://stackoverflow.com/questions/783 ... sing-axios