import React, { useState, useEffect } from 'react'; import axios from 'axios'; import './Journal.css'; const Journal = () => { const [journalItems, setJournalItems] = useState([]); const [row, setRow] = useState(0); const limit = 3; useEffect(() => { fetchJournalData(0); }, []); const fetchJournalData = (row) => { axios .post('/inc/loadmore-data.php', { row, type: 'journal' }) .then((res) => { if (res.data.length > 10) { setJournalItems((prevItems) => [...prevItems, res.data]); } }); }; const loadMore = () => { const newRow = row + limit; setRow(newRow); fetchJournalData(newRow); }; return (
From SCORE Journal
{journalItems.map((item, index) => (
))}
More from SCORE Journal
); }; const JournalItem = ({ data }) => (
{data.title}
{' '} |
{data.issueMonthYear} Issue
{data.lead}
Read More
); export default Journal;
)