当 react js 中的 document.dispatchEvent 触发时，上下文丢失了所有状态值

问：

我在这个父组件中有一个父组件 A，我有 2 个子组件 B 和 C 组件 B 呈现一个表，组件 C 是一个搜索选项，用户可以在其中输入关键字进行搜索，并在此基础上显示匹配项列表，当用户从列表中选择任何项目时，它将被添加到数据库中，并且从组件 A 中，我将调度自定义事件以刷新组件以向用户显示更新的表。

但是通过这样做，我的上下文状态（包含所有关键字的列表）正在丢失所有状态的数据。组件 A 包装在上下文中以存储关键字数据。

在我的父组件中，这就是我调度事件和

let event = new CustomEvent('ComponentBRefresh', { bubbles: true });
      document.dispatchEvent(event);

在我的子组件中，这就是我处理表数据刷新的方式。

 document.addEventListener('ComponentBRefresh', this.silentRefresh);

如何防止上下文丢失状态并刷新组件。 由于一些限制，我不能使用 redux。