首页 > 解决方案 > React-admin ReferenceInput 拉取文档 id 而不是源字段

问题描述

使用 AutocompleteInput 调用 ReferenceInput 会抓取正确的文档,并将“名称”返回到输入,但是当您保存它时,会将文档 ID 保存到源而不是“名称”的值。Apparanetly React-admin 不允许本地保存除 id 之外的任何内容,但名称存储在输入中,直到保存文档。有没有办法从输入中获取名称,并将其传递给格式命令?

预期结果:输入保存文档中名称的值

<ReferenceInput label="Name" source="name" reference="profiles" filterToQuery={searchText => ({ name: searchText })} >
        <AutocompleteInput optionText="name" source="name" resettable="true" shouldRenderSuggestions="true"  />
      </ReferenceInput>

标签: react-adminreact-final-form

解决方案


react-admin这是正确的——在选择输入(选择/自动完成)中使用的对象的默认属性是id. 要覆盖此行为,您只需将另一个道具传递给<AutocompleteInput/>例如optionValue

   <AutocompleteInput optionValue="name" ... />

它应该完全按照你的意愿去做。


推荐阅读