企业融资服务搭建

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

function ProjectList() {
  const [projects, setProjects] = useState([]);

  useEffect(() => {
    fetch('/api/projects')
      .then(response => response.json())
      .then(data => setProjects(data));
  }, []);

  return (
    <div>
      <h1>融资项目列表</h1>
      <ul>
        {projects.map(project => (
          <li key={project.id}>
            <h2>{project.name}</h2>
            <p>{project.description}</p>
            <p>目标金额: {project.targetAmount} 元</p>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default ProjectList;

const express = require('express');
const app = express();
const port = 3000;

let projects = [
  { id: 1, name: '项目A', description: '这是一个很好的项目', targetAmount: 100000 },
  { id: 2, name: '项目B', description: '这个项目也很不错', targetAmount: 200000 }
];

app.get('/api/projects', (req, res) => {
  res.json(projects);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});