将react-admin文本输入的“ defaultValue”和“ source”映射到同一对象的两个不同属性

Question

我有一个怪异的API端点，其中同一字段有两个属性。

{
 id:"123",
 title: {
  rendered: "Hi, i'm rendered",
  raw: "<p> Hi, I'm the title</p>"
}

在“编辑”表单中，我有一个像这样的组件：

        <TextInput
            source="title.raw"
            defaultValue="title.rendered"
            validation={{ text: true }}
            validate={required()}
            />

但是那不起作用。如何获得title.rendered以显示为默认值，但title.raw是发送回端点/服务器的内容？

Answer 1

尝试一下：

import { FormDataConsumer } from 'react-admin'

<Edit ...>
  ...
  <FormDataConsumer>
    {({ formData, ...rest }) =>
      <TextInput
        source="title.raw"
        defaultValue={formData.title.rendered}
        validation={{ text: true }}
        validate={required()}
      />
    }
  </FormDataConsumer>
</Edit>