cómo conectar react js con el ejemplo de código de base de datos sql

Al fin luego de tanto trabajar hemos dado con el arreglo de este atascamiento que muchos usuarios de este sitio tienen. Si tienes algo más que aportar puedes compartir tu conocimiento.

Ejemplo 1: conectarse a mysql usando react js

module.exports=HOST:"localhost",USER:"root",PASSWORD:"123456",DB:"testdb",
  dialect:"mysql",
  pool:
    max:5,
    min:0,
    acquire:30000,
    idle:10000;

Ejemplo 2: conectar, reaccionar con el servidor de la base de datos

importReactfrom'react';exportdefaultclassAddBookextendsReact.Componentconstructor()super();this.state=
            bookname:'',
            author:'',;updateInfo=(event)=>let fieldName = event.target.name;let fieldValue = event.target.value;if(fieldName ==='bookname')this.setState(bookname: fieldValue);elseif(fieldName ==='author')this.setState(author:fieldValue);;addBook=(e)=>letbookname,author=this.state;fetch('localhost:3000/add_book',
      method:'post',
      headers:'Content-Type':'application/json',
      body:JSON.stringify(
        bookname:bookname,
        author:author,)).then(response=>response.json()).then(data=>window.alert(data)//Do anything else like Toast etc.)render()return(<div className="add_book"><div><label>BookName</label><input onChange=this.updateInfo name="bookname" valuethis.state.bookname/></div><div><label >Author</label><input onChange=this.updateInfo name="author" value=this.state.author/></div><button onClick=this.addBook>Add</button></div>)

---

---

Utiliza Nuestro Buscador