react访问mysql

React 是一个前端框架，主要用于构建用户界面，它无法直接访问 MySQL 数据库。如果你想在 React 应用程序中访问 MySQL 数据库，你需要创建一个后端 API，通过 API 将数据传递给 React 应用程序。

你可以使用 Node.js 和 Express 来创建你的后端 API，并使用相应的 MySQL 驱动程序来连接到 MySQL 数据库。在 Express 应用程序中设置路由，以便在请求时从 MySQL 获取数据，并将数据作为 JSON 响应发送回 React 应用程序。

例如，你可以使用以下代码创建 Express 应用程序并连接到 MySQL 数据库：

const express = require('express');
const mysql = require('mysql');

const app = express();

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

connection.connect((err) => {
  if (err) {
    console.error('Error connecting to MySQL database: ', err);
  } else {
    console.log('Connected to MySQL database.');
  }
});

app.get('/data', (req, res) => {
  connection.query('SELECT * FROM mytable', (err, results) => {
    if (err) {
      console.error('Error executing MySQL query: ', err);
      res.status(500).send('Error executing MySQL query.');
    } else {
      res.send(results);
    }
  });
});

app.listen(3000, () => {
  console.log('Server listening on port 3000.');
});

在上面的代码中，我们创建了一个 Express 应用程序，并使用 mysql 模块创建了一个 MySQL 连接。我们还设置了一个路由 `/data`，它通过查询 MySQL 数据库中的表来获取数据，并将结果作为 JSON 响应返回。

在 React 应用程序中，你可以使用 `fetch` 或其他 HTTP 客户端库来从上面的 API 中获取数据。例如：

fetch('/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

在上面的代码中，我们使用 `fetch` 函数从 `/data` 路由中获取数据，并在控制台中打印数据。