如何使两个页面访问ReactJS上的相同列表？

如何解决如何使两个页面访问ReactJS上的相同列表？

在这里，我有一个页面，它从 const offerte 获取数据，并创建与{strong> const offerte内的数据一样多的<MarketDiv>组件。 问题是我有另一个页面要填写表格，数据应该保存在列表中，以便它可以动态创建一个新组件，所以我的问题是：如何从另一个页面向此列表添加元素？我是否需要创建其他类型的列表？因为我不能将它们放在同一页上，所以他们不允许我这样做（我的工作）。

class AttivaCommunity extends React.Component{
    render(){
        const offerte = [
            {titolo:"Community - Quote for API",costo:"99€",descrizione:"sono creato dinamicamente",attività:"Prodotto",assets:"Competence"},{titolo:"Community - Quote for API",costo:"9999999€",costo:"999999999999€",assets:"Competence"}
        ];
        return(
            <div>
                <Container fluid className="MainPageRow2">
                    <Row className="Col_margin py-1 px-1">
                        {offerte.map((offerta)=> <MarketDiv titolo={offerta.titolo} costo={offerta.costo} descrizione={offerta.descrizione} attività={offerta.attività} assets={offerta.assets}/>)}
                    </Row>
                </Container>  
            
            </div> 

            )
        }
                    
    }
export default AttivaCommunity