在react中重用组件并告诉组件要更改状态的哪个键：值

Question

我在弄清楚如何在许多地方重用组件方面遇到了一些困难。

显然，React 如此优秀的原因是因为您可以创建通用组件并在许多不同的页面中重用它们，或者只是在同一页面中多次重用它们。

我有这个组件用于显示一个下拉列表，用户可以使用该下拉列表选择新值并更改其设置。该组件在我网站上的许多不同地方重复使用。

                  <ChannelSelect
                    channelID={
                      saveEnabled.saveEnabled.newSettings.verificationPanel.channelID
                    }
                    settings={
                      saveEnabled.saveEnabled.newSettings.verificationPanel.channelID
                    }
                  />

我正在努力解决的是告诉这个组件要更改状态（对象）中的哪个key: value。这是因为仅仅传递下面的代码实际上并不允许我更改这个特定键的状态。

settings={saveEnabled.saveEnabled.newSettings.verificationPanel.channelID}

在我的选择菜单 onChange 事件中，我有下面的代码片段。但是，这实际上不允许我更改特定值声明，它实际上只会覆盖整个对象。

 const { saveEnabled, setSaveEnabled } = useContext(SaveContext);
 const onChange = (event) => {
   props.settings = "newValue"
   setSaveEnabled(props.settings)    

知道我该怎么做吗？