Доброго времени суток.
Знакомлюсь с ReactJS (v.16.2), возникла сложность, которую не получается самостоятельно преодолеть.
Есть блок с Яндекс картой, список маркеров этой карты и "input" для добавления нового маркера.
Класс "Main" отрисовывает страницу и обрабатывает добавление нового маркера:
<div>
<div class="list">
<form onSubmit={this.createMarker}>
<input type="text" ref="input" defaultValue=""/>
</form>
<div>
<List/>
</div>
</div>
<div class="map">
<Map/>
</div>
</div>
Класс "List" отрисовывает список маркеров (из состояния ("state")), которые уже присутствуют на карте.
Класс "Map" отрисовывает блок карты, инициализирует карту и добавляет маркеры.
Метод "createMarker" класса "Main" должен изменить состояние класса "List" и вызвать метод класса "Map", который добавит новый маркер.
Как из метода "createMarker" класса "Main" можно обратиться к классу "List" и изменить его "состояние"?