React js连接到数据库

Question

如何将我的reactjs连接到mysql？ 我已经安装了mysql，并且按照通用说明进行连接，但是它不起作用。 它收到错误“ TypeError：mysql.createConnection不是函数”。

这是我的以下代码。

import React, { Component } from 'react';
import * as mysql from 'mysql';

class Users extends Component {


    constructor(props){


        const mysql = require('mysql');

        const connection = mysql.createConnection({
          host: 'localhost',
          user: 'root',
          password: '',
          database: 'react_prac'
        });
        connection.connect();
         console.log(connection);


        super(props);
    }

    render() { 
        return (  
            <div>
                DB
            </div>
        );
    }
}

export default Users;

我也想知道这是否正确。

谢谢。

Answer 1

将重要的MySQL移至import语句的顶部。 可能需要对您不起作用

    import mysql from 'mysql';

并且确保永远超级应该是构造函数的第一行

更新的代码：

   import React, { Component } from 'react';
   import mysql from 'mysql';
   class Users extends Component {
       constructor(props){
           super(props);
           const connection = mysql.createConnection({
           host: 'localhost',
           user: 'root',
           password: '',
           database: 'react_prac'
        });
       connection.connect();
       console.log(connection);
    }

render() { 
    return (  
        <div>
            DB
        </div>
    );
   }
 }

 export default Users;

更新：

  It seems DB connection is not possible from front end. It should be done in the backend, for better understanding check this answer

适用于Node.js的MySQL库中的错误