Как использовать mysql в реакт проекте webstorm?

336
03 августа 2021, 04:10

Я пытаюсь использовать https://www.npmjs.com/package/mysql Но я не понимаю, где разместить код

var mysql      = require('mysql');
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'me',
  password : 'secret',
  database : 'my_db'
});
connection.connect();
connection.query('SELECT 1 + 1 AS solution', function (error, results, fields) {
  if (error) throw error;
  console.log('The solution is: ', results[0].solution);
});
connection.end();

У меня возникает ошибка

TypeError: Net.createConnection is not a function

Я искал способы её исправить и везде написано "надо размещать код в серверном js", я не могу найти "серверный" файл node.js, который создаёт webstorm при создании проекта на реакте. Раньше я работал с проектами на node.js и создавал серверный файл сам, где его найти здесь - не ясно.

Answer 1

Так делать нельзя. Нельзя подключить mysql напрямую в коде ReactJS приложения. Дело в том, что JavaScript, работающий в веб-браузере, не может работать по протоколу MySQL (и при этом он не может создавать необработанные сетевые соединения, которые потребуются для написания реализации в JS).

Вместо этого создайте веб-сервис на выбранном языке программирования, у Вас это JavaScript, работающий на Node.js (например, код, который у вас уже есть + Express.js + немного других зависимостей) и используйте Axios для взаимодействия с веб-сервисом из React приложения.

Полезные ссылки на похожие вопросы:

  • How to connect MySQL database to ReactJS app?
  • Error in MySQL library for Node.js
READ ALSO
Как правильно удалить старые записи из partitions

Как правильно удалить старые записи из partitions

Хочу почистить старые данные которым уже более 3-x лет из PARTITIONSПри таком запросе:

196
WP Query по категориям

WP Query по категориям

Мне нужно сделать запрос в базу следующего вида: Вытянуть все посты которые присоединены к категориям например category_1, category_2, category_3В свою...

186
Не могу разобраться с валидацией в YII2

Не могу разобраться с валидацией в YII2

[![введите сюда описание изображения][1]][1]Есть таблица Traffic c полями way_id и time_startНеобходимо чтобы при добавлении новой записи в поле time_start, выполнялась...

272
Как добавить кнопки управления xDebug в PhpStorm?

Как добавить кнопки управления xDebug в PhpStorm?

Хотелось бы добавить свои кнопки управления в панель инструментов PhpStorm для быстрого переключения режимов отладки

186