Вероятно, данные из формы в формате JSX не сохраняются в базу данных MySQL из-за отсутствия соответствующего кода для обработки и сохранения данных на сервере.
В файле "Login.jsx" в папке "frontend" ожидается наличие кода, отвечающего за обработку данных из формы и отправку их на сервер для сохранения в базе данных MySQL. Конкретный код может различаться в зависимости от используемого фреймворка или библиотеки, но примерный код в файле "Login.jsx" может выглядеть следующим образом:
```jsx
import React, { useState } from 'react';
import axios from 'axios';
const Login = () => {
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
// Создание объекта с данными из формы
const userData = {
username: username,
password: password,
};
try {
// Отправка данных на сервер для сохранения в базе данных
const response = await axios.post('/api/login', userData);
console.log(response.data);
} catch (error) {
console.error(error);
}
};
return (
<form onSubmit={handleSubmit}>
<label>
Username:
<input
type="text"
value={username}
onChange={(e) => setUsername(e.target.value)}
/>
</label>
<br />
<label>
Password:
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
/>
</label>
<br />
<button type="submit">Login</button>
</form>
);
};
export default Login;
```
Приведенный выше код демонстрирует форму для ввода имени пользователя и пароля. При отправке формы данные из полей ввода сохраняются в состоянии компонента с помощью хука useState. Затем при отправке формы создается объект userData с данными из полей ввода, и эти данные отправляются на сервер с использованием библиотеки axios. Ответ сервера выводится в консоль.