Как отправить ввод текстового поля и файл изображения с помощью axios в реагировать и обрабатывать его на стороне сервера с помощью узла

Question

Я хочу отправить текстовое поле ввода и файл изображения обратно на сервер.

Вот код, который я пробовал, но я не могу получить текстовое поле, введенное на стороне сервера, только файл принимается с помощью multer.

   menuDatas.append('file', this.state.menuImageFile); 
    menuDatas.append('half_price',this.state.half_price);
    menuDatas.append('full_price',this.state.full_price);
    menuDatas.append('category',this.state.category);
    menuDatas.append('sub_category',this.state.sub_category);
    menuDatas.append('cuisine',this.state.cuisine);
    menuDatas.append('quantity',this.state.quantity);
    menuDatas.append('inStock',this.state.inStock);     

На стороне сервера

     let storage = multer.diskStorage({
destination: function(req, file, cb) {
  cb(null, path.join(__dirname, '/uploads/'))
},
filename: function(req, file, cb) {
  req.fileName = `myorder-${file.originalname}` + Date.now() + '.' + file.originalname.split('.').pop();
  console.log('req.fileName ', req.fileName);
  cb(null, req.fileName);
}
});

let upload = multer({
  storage: storage
}).single('file');

  upload(req, res, function(err) {
 if (err) {
  return res.status(500).json({
    message: "Some error has occurred.",
    errors: err
  });
   } else {
   console.log('aa')