En React.js, no pasamos valores de hijo a padre, sino al revés: ¡es un flujo de datos unidireccional!

Puede useState para crear un valor con estado y una función de configuración en el elemento principal, pasar la función de set al elemento secundario y permitir que establezca el valor.

Ejemplo:

 export default function child(props){

const arr = ["1020","52214","3325"];
props.setMyArray(arr);

return (
<div> child</div>
)
} 

 import { useState } from 'react';

export default function parent(){
 const [myArray, setArray] = useState([]);

 return (
 <>
 <div> parrent</div>
 <child setMyArray={setArray}/>
 </>
 )
 }
}

No puede pasar datos de niño a padre.

Puedes pasar así.

 const ParentPage = () => {

 const [arr , setArr ] = useState([])
 console.log(arr) // [1,2,3]

 return (
 <ChildPage setArr={setArr} />
 );
}

const ChildPage = ({setArr}) => {
 return (
 <button onClick={()=> setArr([1,2,3]) }}> </button>
 );
}

o puedes hacerlo con redux

Puede usar accesorios para llamar a una función en el elemento principal y pasar un argumento en la función desde el elemento secundario.

Aquí hay un ejemplo:

Elemento hijo:

 export default function child(props){

const [arr,setarr]= useState(["1020","52214","3325"]);

return (
<div onclick={()=>{props.func(arr)}}> child</div>
)
}

Elemento padre:

 export default function parent(){
 
function passvalue(arr){
 const passedvalue = arr; 
}


return (
<>
<div> parrent</div>
<child func={passvalue}/>
</>
)
}