Dette ville ikke virke, da du forsøger at bruge et serverbibliotek mysql i din front-end. Selvom begge er skrevet i javascript, er de miljøer, de arbejder på, meget forskellige.
Diagrammet nedenfor forklarer det ret pænt - hentet fra denne hjemmeside som jeg anbefaler dig at tjekke ud.
I det væsentlige, til react-biblioteket, bruger du node.js som en *.jsx eller *.js build helper, packaging runner, osv.. så slutresultatet skal kun være en javascript-fil. Noget som main.123456.js hvis du bruger Create React-appens standardbuild. Den fil vil være meningsfuld i browsersammenhæng, da du har DOM-elementer her, HTML-specifikke ting.
For MySQL-bibliotek - du bruger node.js som en HTTP-server. Det vil ikke have adgang til DOM, men fordi det kører som en proces på en eller anden computerenhed, vil det give dig forskellige muligheder, som gør det muligt for din MySQL-forbindelse at fungere.
office.js fungerer i browserkontekst, skriver du dybest set din app med react og henviser bare til nogle office.js API'er. Det betyder, at linjen nedenfor tilhører din react-app:
context.document.body.insertParagraph("mysql undefined", Word.InsertLocation.end);
Dine data fra MySQL skal dog komme fra din server. Du kan bruge node.js som en server, på den måde vil du være i stand til at bruge MySQL-biblioteket, som du har importeret fra NPM. Denne selvstudie guider dig gennem, hvordan du opsætter en meget enkel server.
Det betyder denne linje
import { mysql } from 'mysql';
og sql-forbindelsen tilhører serversiden, der kører på noden.