کد ری اکت

[MeruOnin]

import React, { useEffect, useState } from 'react'; import axios from 'axios';

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

useEffect(() => {
    axios.get('http://localhost:5000/api/test')
        .then(response => {
            setData(response.data);
        })
        .catch(error => {
            console.error('There was an error!', error);
        });
}, []);

return (
    <div>
        <h1>Data from SQL Server</h1>
        <ul>
            {data.map((item, index) => (
                <li key={index}>{item.name}</li> // فرض کنید ستون name در جدول وجود دارد
            ))}
        </ul>
    </div>
);

};

export default App;

[MeruOnin]

DESKTOP-NL7MQT0

[MeruLeo]

const dbConfig = { user: 'sa', password: '@Hossein2021', server: 'DESKTOP-NL7MQT0', database: 'radical', options: { encrypt: true, // برای اتصال به Azure SQL Server trustServerCertificate: true, // برای توسعه محلی } };