Вопрос по классам и наследованию

У меня есть 2 класса (A и B), которые наследуют родительский класс Component.

class Component {
  constructor(elem, props) {
    this.elem = elem;
    this.props = props;
    this.state = {
      basket: []
    }
  }

}


class A extends Component {
  constructor(elem, props, state) {
    super(elem, state)
    this.render()
  }
  render() {
    this.elem.innerHTML = `<button class="aaa">Push obj</button>`
    let aaa = document.querySelector('.aaa');
    aaa.addEventListener('click', () => {
      this.state.basket.push({
        a: 10,
        b: 10,
        c: 10
      });
      console.log(this.state.basket)
    })
  }
}

class B extends Component {
  constructor(elem, props, state) {
    super(elem, props, state)
    this.render()
  }
  render() {
    this.elem.innerHTML = `<button class="bbb">Get obj</button>`
    let bbb = document.querySelector('.bbb');
    bbb.addEventListener('click', () => {
      console.log(this.state.basket)
    })
  }
}

let b1 = new A(document.querySelector('.block1'));
let b2 = new B(document.querySelector('.block2'));

ну и простой html

<div class="block1"></div>
<div class="block2"></div>

класс А добавляет объект в массив basket компонента Component. Проблема в том, что я не знаю как получить из компонента B, объект добавленный компонентом А в basket. Выводится пустой массив. Подскажите, как это сделать?

Если что https://jsfiddle.net/marader/6xLh9tp8/22/