微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 react-admin 中访问 ArrayInput 中的父引用值

如何解决在 react-admin 中访问 ArrayInput 中的父引用值

我的其中一个表单中有以下嵌套和可靠数组的结构:

 <SimpleForm redirect="list">
        <TextInput source="name" />
        <TextInput source="description" />
        <ArrayInput source="categories">
            <SimpleFormIterator>
               <ReferenceInput label="Category" source="categoryId" reference="categories">
                    <SelectInput optionText="name" />
               </ReferenceInput>
               <ArrayInput source="items">
                    <SimpleFormIterator>
                         <ReferenceInput 
                            label="Item" 
                            source="itemId" 
                            reference="items" 
                            filter={"categoryId": ???}
                         >
                              <SelectInput optionText="name" />
                         </ReferenceInput>
                    </SimpleFormIterator>
               </ArrayInput>
           </SimpleFormIterator>
       </ArrayInput>
   </SimpleForm>

DB 表的连接方式如下:

|------------|     |------------|  
| Categories |     | Items      |    
|------------|     |------------|    
| Id         |-\   | Id         | 
| Name       |  \  | Name       | 
| Items      |   \-| CategoryId |
|------------|     |------------|     

我想知道是否有一种优雅的方法来过滤父 ReferenceInputinner categoryId api 调用。有没有人有好主意?

我已经通过将 ReferenceInput 包装在自定义输入中并结合 useFormState 钩子来实现它,但是从表单访问正确的数据看起来不是很漂亮。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。