pass an array from a child to parent ReactJS

i have an array in a component i want to export it or pass it to other component (parent)

child component :

export default function child(){

const arr = ["1020","52214","3325"]
return (
<div> child</div>
)
}

parent :

export default function parent(){

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

>Solution :

In react we don’t pass values from child to parent but the other way around: it’s a one-way data flow!

You can useState to create a stateful value and a set-function in the parent, pass the set function to the child and allow it to set the value.

Example:

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}/>
    </>
    )
  }
}