React使用钩子过滤多个JSON请求

const [filteredData, setFilteredData] = useState([]);

useEffect(() => {
  const fetchData = async () => {
    const response = await fetch('http://example.com/api/data');
    const json = await response.json();
    // 存储到状态变量中
    setFilteredData(json);
  };

  fetchData();
}, []);

const filteredData = data.filter(item => item.age >= 18);
setFilteredData(filteredData);

return (
  <div>
    {filteredData.map(item => (
      <div key={item.id}>{item.name}</div>
    ))}
  </div>
);