Динамически заполненный selectInput на основе текущего выбора на referenceInput

Question

Я использую React-Admin в качестве моего интерфейса. У меня есть Django-Rest-Framework на моем бэкэнде.

У меня есть две проблемы, которые беспокоили меня какое-то время, и я с гордостью прошу помощи.

Выпуск 1

У меня есть две таблицы, VehicleMake, vehicleModel на моем бэк-энде. В Models.py vehicleModel относится к vehicleMake с отношением 1-ко-многим.

vehiclemake = models.ForeignKey(VehicleMake, on_delete=models.CASCADE, related_name='vehiclemodels')

Все мои сериализаторы используют prop = ('all') в классе Meta.

На моем компоненте Reaction-Admin, как показано ниже

    <SimpleForm> 
            <ReferenceInput label="Vehicle Make" source="vehiclemake" reference="vehiclemake" validate={required()} >
                <SelectInput optionText="MakeName" />
            </ReferenceInput>
            <ReferenceInput label="Vehicle Model" source="vehiclemodel" reference="vehiclemake" validate={required()}>
                <SelectInput optionText="vehiclemodels.ModelName" />
            </ReferenceInput>
    </SimpleForm>

Оба компонента работают, заполняя их соответственно.

Тем не менее, я хотел бы сценарий, когда всякий раз, когда я выбираю vehicleMake, заполняются соответствующие (связанные) модели VehicleMake.

Если вы когда-либо реализовывали такой код, пожалуйста, поделитесь или дайте явный код того, как я мог бы достичь этого.

Выпуск 2,

Тем не менее, как и выше, у меня есть две дополнительные модели, которые имеют отношение "многие ко многим". После миграции была создана третья таблица db_table.

Если возможно, пожалуйста, предоставьте явно руководство / код, с помощью которого я мог бы следовать динамически заполненным связанным полям на основе текущего значения другого компонента.

Большое спасибо заранее.