如何在react中用数组中数据库数据替换硬编码值

import React, { useState } from 'react';

function MyComponent() {
  const [data, setData] = useState([]);

  // 在这里获取数据库数据并更新状态变量data
  // 例如，可以使用fetch函数从后端API获取数据
  useEffect(() => {
    fetch('your-database-api-url')
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  return (
    <div>
      {/* 使用map函数遍历数据数组，并渲染相应的组件 */}
      {data.map(item => (
        <div key={item.id}>{item.value}</div>
      ))}
    </div>
  );
}

export default MyComponent;