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

如何在react-admin中对相关文件的参考输入使用?

如何解决如何在react-admin中对相关文件的参考输入使用?

我正在使用 react-admin

我有 3 个资源:学校、老师和班级

  • 每所学校都有自己的老师和班级
  • 每个班级都有自己学校的老师

在第一个类的创建中,输入是一个老师,需要是一个引用类型,但不是所有的老师,只有属于这个班的学校。

我应该如何支持它?

如何将 school_id 传递给参考输入?

谢谢!

解决方法

文档中对此进行了解释:https://marmelab.com/react-admin/Inputs.html#referenceinput

总结:

/ you can filter the query used to populate the possible values. Use the
// `filter` prop for that.
<ReferenceInput
    source="teacher_id"
    reference="teachers"
    filter={{ school_id: values.school_id }}
>
    <SelectInput optionText="name" />
</ReferenceInput>

您可能想知道如何获得此 school_idhttps://marmelab.com/react-admin/Inputs.html#linking-two-inputs

import { useFormState } from 'react-final-form';

const TeacherInput = () => {
    const { values } = useFormState();

    return (
        <ReferenceInput
            source="teacher_id"
            reference="teachers"
            filter={{ school_id: school_id }}
        >
            <SelectInput optionText="name" />
        </ReferenceInput>
    );
} 

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