Состояние vs props для сценария с отдельным представлением и моделью данных

Я создаю приложение, в котором я хотел бы предоставить отдельные представления для одних и тех же данных.

В моей текущей реализации данные получаются при вызове веб-службы и сохраняются в state компонента App в App.js. Компонент App размещает (отображает) другой компонент, называемый StackEditor, который действует как представление для this.state.components в компоненте App.

Элементы пользовательского интерфейса, отображаемые с помощью StackEditor, можно перемещать, и для синхронизации state с App я делаю это, как показано ниже:

<StackEditor
  components = {this.state.components}
  onLocationChanged = {this.handleLocationChanged} />

В handleLocationChanged я обновляю state:

handleLocationChanged(e, data) {
    this.setState(prevState => {
        // event data copied to state here
        return {components: prevState.components};
    });
}

Поскольку state теперь обновляется, это заставляет снова визуализировать StackEditor, поскольку его свойство components привязано к state как components = {this.state.components} (см. Фрагмент кода выше).

Все это работает, но теперь я начал сомневаться, правильно ли я делаю.

В1: Следует ли мне использовать state вместо props?

Кажется, что расположение компонента в принципе изменено, хотя с точки зрения StackEditor оно неизменяемо (я могу решить, что изменение недействительно, и не обновлять state в прослушивателе событий).

Q2: Можно ли разделить часть состояния между двумя компонентами в React?

Если я каким-то образом конвертирую StackEditor из получения компонентов из state вместо props, получу ли я уведомление об изменении состояния дочерним компонентом (StackEditor) в моем родительском компоненте (App)?

Q3: Кроме того, props более удобен в использовании, чем state в целом?

Когда я создал другой компонент, следуя рекомендациям HOC (https://reactjs.org/docs/higher-order-components.html), я обнаружил, что props легко перенаправляются на «завернутый» компонент, но не state. Если я предоставлю функцию для обратного вызова через свойство (как я сделал выше), «завернутый» компонент может легко вызвать его, даже не заметив, что он «завернут». Я не понимаю, как я могу легко уведомить «завернутый» компонент об изменении state в «оболочке» без написания дополнительного кода.