如何使用 Axios 和 Express 将 React Array 数据插入 Mysql？答案

【问题标题】：How to insert React Array data to Mysql with Axios & Express?如何使用 Axios 和 Express 将 React Array 数据插入 Mysql？
【发布时间】：2020-04-03 10:24:07
【问题描述】：

我需要在 mySQL 数据库中插入处方详细信息，但我很难将其与数组数据一起插入。

我有 2 个状态，1 个数组状态用于保存我推入其中的药物，然后在完成后将值发送到 axios 和 1 个状态以保存所选药物。

我的选项示例：使用 react-select

const medicine = [
  { id_obat: '123', label: 'Amoxcilin 300mg' },
  { id_obat: '321', label: 'Ibuprofen 500ml' }
];

反应代码：

  const [values, setValues] = useState([]);
  const [meds, setMeds] = useState({
    obat: {},
    cara_pakai: '',
    kuantitas: ''
  });

  const initialState = {
    obat: {},
    cara_pakai: '',
    kuantitas: ''
  };

  const handleChange = obat => {
    setMeds({ ...meds, ['obat']: obat });
  };

  const addMed = () => {
    setValues([...values, meds]);
    setMeds({ ...initialState });
  };

  const onSubmit = e => {
    e.preventDefault();
    addPrescript(values);
  };

我的 axios 操作将其发送到我的 API：

export const addPrescript = values => async dispatch => {
  const config = {
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  };

  const form = qs.stringify(values);

  try {
    const res = await axios.post('/api/prescription', form, config);

    dispatch({ type: ADD_PRESCRIPT, payload: res.data });

    dispatch(setAlert('Submit Success', 'success', 3000));
  } catch (err) {
    let errors = err.response.data.errors;
    if (errors) {
      errors.forEach(error => dispatch(setAlert(error.msg, 'danger')));
    }
  }
};

我的处方控制器：

exports.createPrescription = async (req, res) => {
  const { id_obat, cara_pakai, kuantitas, deskripsi } = req.body;

  const p_value = {
    deskripsi: deskripsi
  };

  const p_sql = 'INSERT INTO resep SET ?';
  const d_sql = 'INSERT INTO detail_resep SET ?';

  conn.query(p_sql, p_value, (error, p_result) => {
    if (error) throw error;
    let d_value = [
      {
        id_resep: p_result.insertId,
        id_obat: id_obat,
        cara_pakai: cara_pakai,
        kuantitas: kuantitas
      }
    ];
    conn.query(d_sql, [d_value], (error, d_result) => {
      if (error) throw error;
      res.status(200).json({
        values: d_result
      });
    });
  });
};

我的后端服务器不断向我发送错误[您的 SQL 语法有错误]，我不知道如何解决。

任何帮助表示赞赏。

【问题讨论】：

标签： javascript node.js reactjs axios mysql2

【解决方案1】：

看起来下面的语句必须改变

const p_sql = 'INSERT INTO resep SET ?';
const d_sql = 'INSERT INTO detail_resep SET ?';

到

const p_sql = 'INSERT INTO resep( {columnname}) values({value1,value2})';
const d_sql = 'INSERT INTO detail_resep ( {columnname}) values({value1,value2}))';

将 {columnname } 更改为您的列名和 {value} 中的相应值

这里基本上insert语句语法不正确。

【讨论】：