将 JS 传递的子组件值反应到父组件

Question

我完全是初学者。

我有一个渲染的窗口，顶部有一个 SASHeaderTemplate 作为页眉，在该模板中我想为标题传递一个值。使用道具就可以轻松做到这一点。

但是 - 标题的值应该由子组件设置... 我没有为其他子组件提供值，但最终每个子组件都会有自己的自定义标题。

我查看了 CreateContext 和 Redux，我不确定是否还有其他方法。在我看来，我试图避免在每个子组件中重新执行 SASHeaderTemplate 的内容。所以我想我可以创建一次 SASHeaderTemplate 并简单地传入一个值。

我想我正遭受信息过载和瘫痪的折磨。 SASHeaderTemplate 将从我的应用程序在节点树中许多不同位置的许多不同文件中多次调用。

有人愿意给我这个婴儿步的方法吗？我不反对阅读，但我已经到了那个瘫痪沮丧的阶段。

SASHeaderTemplate 将呈现类似（上图）的内容，其中 h3 将反映传递的值 - 在这种情况下，我试图将 {this.props.headerTitle} 作为占位符...

因为我不知道将从哪里调用节点树，所以我认为它需要是任何子组件都可以更新的“全局”变量。我知道我有点理解它。但是我需要一些东西来在孩子中取得 {title} 并在 SASHeaderTemplate 中使它成为 {headerTitle}。我似乎尝试的任何事情似乎都比我想象的要复杂。 :-)