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

这里我有一个页面，它从const offerte获取数据，并创建与const offerte中的数据一样多的

组件。 问题是，我有另一个页面，其中有一个表单需要填写，数据应该保存在列表中，这样它就可以动态创建一个新组件，所以我的问题是：如何从另一个页面将元素添加到此列表中？我必须创建不同类型的列表吗？因为我不能把他们放在同一页，他们不让我做（我的工作）

类Attivacomunity扩展了React.Component{
render（）{
警察=[
{titolo:“社区-API报价”，costo:“99欧元”，Descriptione:“sono creato dinamicamente”，attivitá:“Prodotto”，资产：“能力”}，
{titolo:“社区-API报价”，costo:“999999欧元”，Descriptione:“sono creato dinamicamente”，attivitá:“Prodotto”，资产：“能力”}，
{titolo:“社区-API报价”，costo:“9999999999999欧元”，描述：“sono creato dinamicamente”，attivitá：“Prodotto”，资产：“能力”}
];
返回(
{offerte.map（（offerta）=>）}
)
}
}
导出默认AttivaCommunity

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€",descrizione:"sono creato dinamicamente",attività:"Prodotto",assets:"Competence"},
            {titolo:"Community - Quote for API",costo:"999999999999€",descrizione:"sono creato dinamicamente",attività:"Prodotto",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