Dies würde nicht funktionieren, da Sie versuchen, eine Serverbibliothek mysql zu verwenden in Ihrem Frontend. Obwohl beide in Javascript geschrieben sind, sind die Umgebungen, in denen sie arbeiten, sehr unterschiedlich.
Das folgende Diagramm erklärt es ziemlich gut - bezogen von dieser Website die ich dir empfehle auszuprobieren.
Im Wesentlichen verwenden Sie für die React-Bibliothek node.js als *.jsx- oder *.js-Build-Helfer, Verpackungs-Runner usw. Das Endergebnis sollte also nur eine Javascript-Datei sein. Etwas wie main.123456.js wenn Sie den Standard-Build der Create React App verwenden. Diese Datei wird im Browserkontext von Bedeutung sein, da Sie hier DOM-Elemente haben, HTML-spezifisches Zeug.
Für die MySQL-Bibliothek verwenden Sie node.js als HTTP-Server. Das hat keinen Zugriff auf das DOM, aber da es als Prozess auf einer Recheneinheit läuft, bietet es Ihnen verschiedene Fähigkeiten, die es Ihrer MySQL-Verbindung ermöglichen, zu funktionieren.
office.js im Browserkontext arbeitet, schreiben Sie Ihre App im Grunde mit React und verweisen nur auf einige office.js-APIs. Das bedeutet, dass die folgende Zeile zu Ihrer React-App gehört:
context.document.body.insertParagraph("mysql undefined", Word.InsertLocation.end);
Ihre Daten aus MySQL müssen jedoch von Ihrem Server stammen. Sie können node.js als Server verwenden, auf diese Weise können Sie die MySQL-Bibliothek verwenden, die Sie aus NPM importiert haben. Dieses Tutorial führt Sie durch die Einrichtung eines sehr einfachen Servers.
Das bedeutet diese Zeile
import { mysql } from 'mysql';
und die SQL-Verbindung gehört zur Serverseite, die auf node.
ausgeführt wird
