使用新组件值ReactJS更新数据库

Question

我有一个ReactJS应用程序，我必须从组件中获取值并将其传递给模型并更新数据库。 这是我的文本域组件。

<TextField
                floatingLabelText="Decrease amount"
                floatingLabelFixed={false}
                className={styles.txtSize}
                multiLine={true}
                fullWidth={false}
                errorText={this.state.propertyConfiguration.config.forecast.numdays.errorText}
                onChange={(event) => {
                  onChangeCallback("config.forecast.numdays", event.target.value);
                }}
              />

所以我必须在onChangeCallback事件中编写代码，我应该能够传递像

这样的数据

{
  "type": "compset",
  "operation": "increase",
  "unit": "fixed",
  "amount": 30
}

因此，如果操作增加，则数据应该增加，如果减少，则数据应该减少。 操作取决于添加数据的文本字段。 我还有一个要减少的领域。