在ReactNative应用程序中显示MySQL数据

import React, { useEffect, useState } from 'react';
import { View, Text, FlatList } from 'react-native';
import MySQLConnector from 'react-native-mysql-connector';

const mysqlConfig = {
  host: 'your_mysql_host',
  port: 'your_mysql_port',
  user: 'your_mysql_username',
  password: 'your_mysql_password',
  database: 'your_mysql_database',
};

const App = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      const connection = new MySQLConnector(mysqlConfig);
      await connection.connect();

      const query = 'SELECT * FROM your_table';
      const result = await connection.query(query);

      setData(result);

      await connection.disconnect();
    };

    fetchData();
  }, []);

  return (
    <View>
      <FlatList
        data={data}
        keyExtractor={(item) => item.id.toString()}
        renderItem={({ item }) => (
          <Text>{item.name}</Text>
        )}
      />
    </View>
  );
};

export default App;