Question

我有一个反应代码。有一个单选按钮。选择一个值时，将调用“ handleChange”方法。新的单选按钮选择值已正确打印。

从handlechange，我无法将值传递给updateCustomerConfiguration。此方法将调用我的editCustomerConfig redux操作以将数据发送到后端。甚至没有调用editCustomerConfig方法。

updateCustomerConfiguration方法控制台日志显示空白值。

我收到错误消息“未处理的拒绝（错误）：动作必须是普通对象。使用自定义中间件执行异步操作。'

如何将值传递给updateCustomerConfiguration？

const [value, setValue] = React.useState('');

const handleChange = event => {
    setValue(event.target.value);
    console.log("handleChange 2:",event.target.value);
    updateCustomerConfiguration(value);
};

const updateCustomerConfiguration = async () => {
    console.log("updateCustomerConfiguration:"+value);

    let payload = { value };
    const result = await editCustomerConfig(payload);
}



<RadioGroup aria-label="gender" name="gender1" 
        value={value} onChange={handleChange}
        >
</RadioGroup>

Answer 1

将async ()替换为async value 并致电updateCustomerConfiguration(event.target.value);

反应手柄值变化

1 个答案: