javascript - 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 mysql from 'mysql';

还要确保 super 总是在构造函数的第一行

更新代码:

   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

Error in MySQL library for Node.js