Почему данные из формы в формате JSX не сохраняются в базу данных MySQL?

Какой код содержится в файле "Login.jsx" в папке "frontend"?
  • 17 декабря 2023 г. 18:57
Ответы на вопрос 1
Вероятно, данные из формы в формате 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. Ответ сервера выводится в консоль.
Похожие вопросы