Reactjs React Admin：如何在1更改后编辑另一个组件值（例如，小计和折扣=总计）？

例如，我有一个CreateInvoice，返回如下内容：

每当小计或折扣发生变化时，在可能的

onChange

中，我如何引用禁用的

total

组件来对

小计+折扣的VAL求和

（如果答案是关于
状态的
，那么一个代码示例就很好了——RA似乎以不同的方式处理状态，而且我已经是新手，所以我对RA文档中缺少
状态
文档感到非常困惑）
如果您在一个状态中维护小计和折扣。然后，您可以将一个附加道具传递给整个组件

< ... src="total" total={subtotal + discount} />

<。。。src=“total”总计={小计+折扣}/>
您可以尝试使用

或者，您可以使用
useForm
prop直接利用react final form

import {useForm} from 'react-final-form';
const SubtotalInput = props => {
  const form = useForm();
  return (
    <TextInput src='subtotal' onChange={(event) => {
      const newSubtotal = parseFloat(event.target.value);
      form.change('total', newSubtotal + form.getState().values.discount);
    }} />
  )
}


从'react final form'导入{useForm}；
常量小计=道具=>{
const form=useForm（）；
返回(
{
const newSubtotal=parseFloat（event.target.value）；
form.change（'total'，newSubtotal+form.getState（）.values.discount）；
}} />
)
}