在ReactJS和ExpressJS上打印(显示)过滤器数组

import React, { useState } from 'react';

const FilterComponent = () => {
  const [filters, setFilters] = useState([]);

  // 在这里定义添加过滤器的函数
  const addFilter = (filter) => {
    setFilters([...filters, filter]);
  };

  return (
    <div>
      {/* 在这里显示过滤器数组 */}
      {filters.map((filter, index) => (
        <p key={index}>{filter}</p>
      ))}
    </div>
  );
};

export default FilterComponent;

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

// 定义过滤器数组
const filters = ['filter1', 'filter2', 'filter3'];

// 创建路由处理程序
app.get('/filters', (req, res) => {
  res.json(filters);
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});