How can access an array in the class component from functional component?

  javascript, jsx, react-native, reactjs

I try to use my array from fetch to render few Cards. I have a MyCard component that need information from array that is loaded in the class component. But how do I access this array?

 class Customer extends Component {
 constructor() {
    this.state = {
      customers : []

  componentDidMount() {

  fetch(.....etc ...etc..({ customers: json}))


render () {
    return (   
    </div> ) 
 export default Customer;

And here is functional component CustomerGrid where I need to use the array from Customer class. Now I am thinking object oriented. How can I access the array in the class from my function?

  import React from 'react';
  import Grid from '@material-ui/core/Grid';
  import CustomerCard from '../CustomerCard/CustomerCard';
  import Customer from '../Customer/Customer';
  const CustomerGrid = () => (
    <Grid container>
    <Grid item xs={4}>
      { => (
      <div className="cards">
        <CustomerCard title={card.CustomerName} custType= {card.CustomerType}></CustomerCard>

export default CustomerGrid;

Source: Ask Javascript Questions