如何让计算字段在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。