如何将数据从React组件传递到节点?

我试图实现的是:将用户在React组件中设置的数据传递给节点,这样我就可以插入MySQL数据库。

我有一个名为 Import.tsx -这是一个基本表单,包括开始日期、结束日期、星期等。该表单具有创建新行、删除行和设置行值的现有函数(如下所示):

addNewForm = () => {
    let newForm = { ...initialForm };
    newForm.id = this.state.formArray[this.state.formArray.length - 1].id + 1;
    this.setState((prevState) => {
      return {
        ...prevState,
        formArray: [...prevState.formArray, newForm],
      };
    });
  };

setFormValue = (e, index) => {
        let { formArray } = this.state;
        formArray[index][e.target.name] = e.target.value;
        this.setState({
          formArray,
        });
      };

removeForm = (id) => {
        const formArray = this.state.formArray.filter((form) => form.id != id);
        this.setState({ formArray });
      };

现在我需要插入 importForm = (id) => {};

我已经与MySQL建立了连接,并且能够从数据库中读取数据(见下文):

import { Connection } from "./index";

export const all = async () => {
  return new Promise((resolve, reject) => {
    Connection.query(
      `select 
      id, 
      queue, 
      date_format(call_date, '%d/%m/%Y' ) as call_date,     
      time_start,    
      end_seconds_from_midnight,    
      time_start,    
      end_seconds_from_midnight,     
      timeslot_capacity,    
      available,    
      pending,    
      calls_committed      
      from availability`,
      (err, results) => {
        if (err) {
          return reject(err);
        }
        resolve(results);
      }
    );
  });
};

export default {
  all
};

抱歉,如果我没有提供太多的信息。我在休息了几个月后接这个项目。