Al fin luego de mucho batallar hemos encontrado el resultado de esta dificultad que algunos los lectores de nuestro espacio han presentado. Si tienes algún detalle que compartir puedes dejar tu información.
Solución:
No puedes conectarlos directamente.
JavaScript que se ejecuta en un navegador web no puede hablar el protocolo MySQL (ni puede hacer crudo conexiones de red que serían necesarias para escribir una implementación en JS).
En su lugar, cree un servicio web (en el lenguaje de programación de su elección, que podría ser JavaScript ejecutándose en Node.js (por ejemplo, el código que ya tiene + Express.js + algo de pegamento) y use Ajax para comunicarse con él.
La solución general para una pregunta como esta es el siguiente marco:
- Back-end (Node.js, Express, conexión a la base de datos incluida la autorización)
- Front-end (React (, Redux para administrar el estado))
Si luego inicia la aplicación React, debería completar su estado en función de los datos recuperados de la base de datos, que es un proceso al que puede agregar autorización (hacer que los datos recuperables dependan del rol/estado del usuario).
En el back-end, puede definir funciones que toman un determinado subconjunto de parámetros, que realiza acciones de base de datos, a las que puede agregar reglas comerciales para su aplicación. Luego, la aplicación React simplemente envía solicitudes HTTP al servidor Express, que maneja todo lo que necesita verificación y autorización incluso antes de tocar los datos.
Si busca en Internet cualquier configuración de una arquitectura fullstack usando React y MySQL, encontrará resultados similares a los que mencioné.
Si tienes alguna vacilación o disposición de aclarar nuestro ensayo te recomendamos añadir una ilustración y con mucho placer lo estudiaremos.