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

[Anonymous]

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





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