Това няма да работи, тъй като се опитвате да използвате сървърна библиотека mysql
във вашия преден край. Въпреки че и двете са написани на javascript, средата, в която работят, е много различна.
Диаграмата по-долу го обяснява доста точно - извлечена от този уебсайт който ви препоръчвам да проверите.
По същество, за библиотека за реакция, вие използвате node.js като *.jsx или *.js помощник за изграждане, пакет за опаковане и т.н.. така че крайният резултат трябва да бъде само javascript файл. Нещо като main.123456.js
ако използвате сборката по подразбиране на приложението create react. Този файл ще има смисъл в контекста на браузъра, тъй като тук ще имате DOM елементи, специфични за HTML неща.
За MySQL библиотека - използвате node.js като HTTP сървър. Това няма да има достъп до DOM, но тъй като се изпълнява като процес на някаква изчислителна единица, ще ви предостави различни възможности, които позволяват на вашата MySQL връзка да работи.
office.js
работи в контекста на браузъра, вие основно пишете приложението си с реакция и просто препращате към някои API на office.js. Това означава, че редът по-долу принадлежи на вашето приложение за реакция:
context.document.body.insertParagraph("mysql undefined", Word.InsertLocation.end);
Вашите данни от MySQL обаче трябва да идват от вашия сървър. Можете да използвате node.js като сървър, по този начин ще можете да използвате MySQL библиотеката, която сте импортирали от NPM. Този урок ви превежда през това как да настроите много прост сървър.
Това означава този ред
import { mysql } from 'mysql';
и sql връзката принадлежи към страната на сървъра, работеща на възел.