React-表格中的相关字段

Question

我的/app/views/layouts应用中有一个表单。

该表单具有多个相互依赖的字段。例如：

在此示例中，react仅在Network Attack Detection设置为Distribution Type时可见。

表单值保存在组件本地状态。

所以我要做的是：

• 如果用户切换到Always On以外的任何Distribution Type，我将隐藏Always On。

现在出现了这样一种情况：用户切换到Network Attack Detection而不是启用的Always On，然后又切换回另一个Network Attack Detection（消失的Distribution Type）。在这种情况下，Network Attack Detection将重新打开并启用。。（因为其保存在状态中）

所以我现在要做的是：

• 将Network Attack Detection切换到Distribution Type的任何其他位置时，它会将Always On的状态更新为false。

现在这有效，但是...我大约有20-30个字段，形式多种多样。所以现在有点混乱了。

你们认为这里的设计会更好吗？ （我以为只要加一个即可）

代码类似于：

Network Attack Detection

渲染：

_isNetWorkAttacksEnabled() {
    return this.state.distributionMethodValue == eDistributionMethod.ALWAYS_ON.value;
}

_onDistributionMethodChanged(value) {
    this.setState({ distributionMethodValue: value });

    if (value != eDistributionMethod.ALWAYS_ON.value) {
        this.setState({
            networkAttackDetections: false,
        });
    }
}