如何让计算字段在 AOR 中工作？

Question

我很惊讶这个问题没有更频繁地出现。表单一直都有计算字段。我猜Redux-form 有一些问题，所以 AOR 也有。 https://github.com/final-form/final-form 已经包含计算字段...

虽然https://github.com/marmelab/aor-dependent-input 非常好，并且可以通过解析进行计算，但我看不到一种方法可以将该值实际设置为 DependentInput 源。 （它现在所做的就是在 item1 和 item2 中输入值时取消隐藏）。

import { DependentInput } from 'aor-dependent-input';

const totalcalculated= (record) => record.item1 + record.item2);

export const UserCreate = (props) => (
    <Create {...props}>
        <SimpleForm>
            <NumberInput source="item1" />
            <NumberInput source="item2" />

            <DependentInput resolve={totalcalculated}>
                <NumberInput source="total" />
            </DependentInput>
        </SimpleForm>
    </Create>
);

Answer 1

您必须将NumberInput 或SimpleForm 替换为您自己的自定义组件。