Почему данные не отправляются с помощью axios?

Как можно улучшить структуру кода для взаимодействия между файлами App.js и db.js при добавлении нового элемента в базу данных приложения на React с помощью MongoDB?
  • 13 июня 2024 г. 15:41
Ответы на вопрос 2
1. Проблема с отправкой данных с помощью axios может быть вызвана различными причинами, такими как неправильно составленный запрос, ошибка в URL или недоступность сервера. Для решения проблемы, сначала следует проверить правильность составления запроса и URL, а также убедиться, что сервер доступен и правильно настроен для приема запросов.

2. Для улучшения структуры кода и взаимодействия между файлами App.js и db.js при добавлении нового элемента в базу данных MongoDB в приложении React, можно использовать следующий подход:

- Создать модуль db.js, в котором будут содержаться функции для взаимодействия с базой данных MongoDB (например, функция для добавления элемента в базу данных).
- В файле App.js импортировать модуль db.js и вызывать нужные функции при необходимости (например, при добавлении нового элемента).
- При необходимости передавать данные между файлами можно использовать колбэки или промисы для возвращения значений из модуля db.js в файл App.js.

Примерная структура кода может выглядеть следующим образом:

// db.js
const addElementToDB = async (data) => {
  // Логика добавления элемента в базу данных MongoDB
  return добавленный элемент;
}

export { addElementToDB };

// App.js
import { addElementToDB } from './db';

const handleAddElement = async (data) => {
  try {
    const newElement = await addElementToDB(data);
    console.log('Элемент успешно добавлен в базу данных:', newElement);
    // Дополнительная логика после успешного добавления элемента
  } catch (error) {
    console.error('Ошибка при добавлении элемента в базу данных:', error);
  }
}

// Использование функции handleAddElement при добавлении нового элемента
handleAddElement({ name: 'Новый элемент', value: 'Значение' });

Такой подход поможет упростить структуру кода и облегчить взаимодействие между различными файлами приложения.
Попробуйте так: 
const express = require('express');

const app = express();
const cors = require('cors');
const circularJSON = require('circular-json');
const PORT = 3001;
const routes = require('./routes/index')

app.use(cors())
app.use(express.json()); // Добавьте эту строку для парсинга JSON данных
app.listen(PORT, () => {
    console.log('Сервер запущен на порту ' + PORT);
})

app.use('/api', routes);
Похожие вопросы