Me gustaría ordenar la fuente RSS por elemento más reciente y mantener el título de un elemento emparejado con su enlace correspondiente. Así es como analizo y muestro el feed. La propiedad que he pensado que sería mejor para hacer esto es .isoDate, aunque no estoy seguro de cómo llevar a cabo este proceso.

Lo hice funcionar simplemente presionando: item.isoDate + item.title en una matriz y clasificándolo, y haciendo lo mismo para una matriz para item.isoDate + item.link. Sin embargo, esto fue una solución rápida y no siempre funciona con feeds más grandes.

 function MarinersFeed() { const [disable, setDisable] = React.useState(false); const [completeFeed, setCompletedFeed] = React.useState([]); const [feedTitle, setFeedTitle] = React.useState([]); const [feedLink, setFeedLink] = React.useState([]); React.useEffect(async () => { let Parser = require('rss-parser'); let parser = new Parser(); const tFeed = []; const tFeedTitle = []; const tFeedLink = [] let feed = await parser.parseURL('https:*******.herokuapp.com/https://www.mlb.com/mariners/feeds/news/rss.xml'); feed.items.forEach(item => { //sort by using item.isoDate, keep item.title and item.link connected tFeed.push(item.title); tFeedLink.push( item.link); }); setCompletedFeed(tFeed); //setFeedTitle(tFeedTitle); setFeedLink(tFeedLink); }, []); const renderData = () => { return completeFeed.map((f, index) => { const title = feedTitle[index]; const link = feedLink[index] const fullFeed = completeFeed[index] return <div key={index} > <h3>{fullFeed} <Button onClick={(e) => { e.preventDefault(); console.log(link) window.open(link, "_blank") }}></Button></h3> </div> }) } return( <> {renderData()} </> ) } export default MarinersFeed;