如何在React表单中管理express中的mysql查询错误？

import React, { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { fetchFromServer } from './api'; // 自定义的用于与后端通信的API函数

const MyForm = () => {
  const [inputValue, setInputValue] = useState('');
  const dispatch = useDispatch();
  const error = useSelector(state => state.error); // 从状态管理库中获取错误信息

  const handleSubmit = (e) => {
    e.preventDefault();
    dispatch(fetchFromServer(inputValue)); // 调用自定义的API函数来执行查询操作
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <button type="submit">Submit</button>
      {error && <p>{error}</p>} // 渲染错误信息
    </form>
  );
};

export default MyForm;

const express = require('express');
const mysql = require('mysql');

const app = express();

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'your_user',
  password: 'your_password',
  database: 'your_database',
});

app.use(express.json());

app.post('/api/query', (req, res) => {
  const query = req.body.query; // 从请求中获取查询语句
  connection.query(query, (error, results) => {
    if (error) {
      res.status(500).json({ error: 'MySQL query error' }); // 返回包含错误信息的响应
    } else {
      res.json(results);
    }
  });
});

app.listen(5000, () => {
  console.log('Express server is running on port 5000');
});