金融app开发平台年末活动

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

function ProductList() {
  const [products, setProducts] = useState([]);

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

  return (
    <div>
      <h1>金融产品列表</h1>
      <ul>
        {products.map(product => (
          <li key={product.id}>
            <h2>{product.name}</h2>
            <p>{product.description}</p>
            <p>利率: {product.interestRate}%</p>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default ProductList;

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

const products = [
  { id: 1, name: '定期存款', description: '一年期定期存款', interestRate: 3.5 },
  { id: 2, name: '理财产品A', description: '低风险理财产品', interestRate: 4.2 },
];

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

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