reactjs - 別のコンポーネントからダイアログの状態を取得する

Question

同じ index.ts にいくつかのコンポーネントをロードする PCF があります。メイン コンテナー、脇のコンテナー、およびダイアログ コンポーネントがロードされる別のコンテナーです。このダイアログには、index.ts init プロシージャからいくつかの項目をロードするドロップダウン コントロールが含まれています。別のコンポーネントから選択した値を取得できますか?

私のindex.ts：

public init(context: ComponentFramework.Context<IInputs>, notifyOutputChanged: () => void, state: ComponentFramework.Dictionary, container: HTMLDivElement) {
    this.container.appendChild(this.containerMain);
    this.container.appendChild(this.containerAside);
    this.container.appendChild(this.containerDialog);
    // actions to populate this.list with WebAPI.retrieveMultipleRecords
    ReactDOM.render(
        React.createElement(Dialog, Object.values(this.list)),
        containerDialog);
...   

public updateView(context: ComponentFramework.Context<IInputs>): void {
    ReactDOM.render(
        React.createElement(Main),
        this.containerMain);

    ReactDOM.render(
        React.createElement(Buttons),
        this.containerAside);

}

ダイアログ コンポーネントはこのFluent UI コンポーネントであり、コンポーネントの読み込み時に開く必要があります。

私の質問は、他のコンポーネントを変更するために、ダイアログからユーザーの選択を保存できますか?