如何在React-Admin上将ArrayInput与许多关系一起使用

Question

我正在尝试使用ArrayInput组件来编辑与现有记录关联的字段。

在版本中，字段正确显示为与所连接的实体和字段的数量相对应，但是字段保持为空。

感谢您的帮助。

我已经尝试了不同的组件关联，但没有成功。这段关系似乎做得很好。但是他无法显示这些字段。

const VillaTitle = ({ record }) => {
    return <span>Villa {record ? `"${record.title}"` : ''}</span>;
};

class VillaEdit extends Component {

    render() {
        return (
            <Edit {...this.props} title={<VillaTitle />}>
                <TabbedForm
                    validate={VillaValidation}
                    redirect="list"
                    submitOnEnter={false}
                    toolbar={<VillaToolbar delete={1} />}
                >
                    <FormTab label="summary">
                        <TextInput source="title" />
                        <TextInput source="city" />
                        <NumberInput source="capacity" />
                        <ReferenceArrayInput label="furnishings" source="furnishings" reference="furnishings" allowEmpty>
                            <SelectArrayInput optionText="translations.fr_FR.title" optionValue="id" />
                        </ReferenceArrayInput>
                    </FormTab>
                    <FormTab label="rooms">
                        <ArrayInput source="rooms">
                            <SimpleFormIterator>
                                <TextInput source="title" label="Title" />
                                <ReferenceInput label="room type" source="roomType" reference="room_types" allowEmpty>
                                    <SelectInput optionText="translations.fr_FR.title" />
                                </ReferenceInput>
                                <ReferenceArrayInput label="furnishings" source="furnishings" reference="furnishings" allowEmpty>
                                    <SelectArrayInput optionText="translations.fr_FR.title" />
                                </ReferenceArrayInput>
                            </SimpleFormIterator>
                        </ArrayInput>
                    </FormTab>
                    <FormTab label="translations">
                        <TranslationTabs
                            resource="villas"
                            recordId={this.props.id}
                            itemsToTranslate={[
                                'description'
                            ]}
                        />
                    </FormTab>
                </TabbedForm>
            </Edit>
        );
    }
}

我希望字段能正确填写。目前他们是空的。但是它们是由ArrayInput组件很好地生成的，而且数量很多。

控制台上显示以下错误：警告：道具类型失败：提供给record的{​​{1}}类型string的道具ReferenceInput无效。