Почему дочерние компоненты не перерисовываются

Question

Я построил следующую структуру компонентов:

• доска состоит из полей
• на поле, на котором может сидеть фигура. Фигура может перемещаться из одного поля в другое.
• В настоящее время на доске также есть панель инструментов, содержащая одну кнопку.

доска -> поле -> рисунок

Для каждого компонента также есть модель (BoardM, FieldM, FigureM). Я пытаюсь реализовать таким образом шаблон MVC. В идеале каждый компонент должен перерисовываться при изменении модели.

Когда я нажимаю кнопку, я хочу изменить некоторые атрибуты фигур и перекрасить их. Я перекрашиваю плату, но не цифры.

Весь код можно увидеть на github: https://github.com/toki79/PlainScrabble/blob/master/Screen/Components/Board.js

Проблема c часть

  refreshScreen() {
    // how to repaint the figures??: this.figures = this.buildFigures();
    this.setState({ lastRefresh: Date(Date.now()).toString() })
  }