Reactjs 由于特定事件，如何更新整个应用程序？

我构建了一个3D产品配置程序，出现了一个问题。我还没有反应过来，所以我不知道怎么解决它

我的应用程序结构如下：

App.js
- Scene3D
- Options
    - Scene3D
- CheckoutBar

用户可以通过单击选项部分中的不同按钮进行所有更改。其中之一就是改变产品型号。每个产品型号都提供不同的选项。所有选项都存储在App.js中的一个对象中

---

我的想法是创建一个事件“change model”，用choosen模型再次触发App.js的渲染功能。不幸的是，这不起作用。选项部分将不会更新。新选项数据不会传递到App.js的所有底层组件

怎么可能解决这个问题呢

我感谢你的帮助。谢谢大家!

App.js

构造函数（道具）{
超级（道具）
此.state={
配置：{
标准：要求（'./configurations/standard.json'），
第二个：require（'./configurations/standard.json'），
第三个：require（“./configurations/third.json”）
}
}
}
componentDidMount（）{
window.addEventListener（'change-model'，this.render）
这是loadScripts（）
}
render=e=>{
返回(
)
}

“我的想法是创建一个事件“更改模型”，这是在DOM上调用

addEventListener

的事件吗？另外，你能给我们看一些代码来了解更多的上下文吗？谢谢你的xadm。提升状态解决了它！！！我的想法是创建一个事件“更改模型”，这是在DOM上调用

addEventListener

的事件吗？另外，你能给我们看一些代码来了解更多的上下文吗？谢谢你的xadm。提升状态解决了它！！！