Cela ne fonctionnerait pas, puisque vous essayez d'utiliser une bibliothèque de serveur mysql dans votre front-end. Bien que les deux soient écrits en javascript, les environnements sur lesquels ils travaillent sont très différents.
Le diagramme ci-dessous l'explique assez bien - provenant de ce site Web que je vous recommande de consulter.
Essentiellement, pour la bibliothèque de réaction, vous utilisez node.js comme *.jsx ou *.js build helper, packaging runner, etc.. donc le résultat final devrait être juste un fichier javascript. Quelque chose comme main.123456.js si vous utilisez la version par défaut de l'application de création de réaction. Ce fichier sera significatif dans le contexte du navigateur, puisque vous aurez ici des éléments DOM, des éléments spécifiques à HTML.
Pour la bibliothèque MySQL - vous utilisez node.js comme serveur HTTP. Cela n'aura pas accès au DOM, mais comme il s'exécute en tant que processus sur une unité de calcul, il vous fournira différentes fonctionnalités, qui permettront à votre connexion MySQL de fonctionner.
office.js fonctionne dans le contexte du navigateur, vous écrivez essentiellement votre application avec react et faites simplement référence à certaines API office.js. Cela signifie que la ligne ci-dessous appartient à votre application react :
context.document.body.insertParagraph("mysql undefined", Word.InsertLocation.end);
Vos données de MySQL doivent cependant provenir de votre serveur. Vous pouvez utiliser node.js comme serveur, de cette façon vous pourrez utiliser la bibliothèque MySQL que vous avez importée de NPM. Ce tutoriel vous explique comment configurer un serveur très simple.
Cela signifie que cette ligne
import { mysql } from 'mysql';
et la connexion SQL appartient au côté serveur exécuté sur le nœud.
