admin- on -rest in create form -如何根据其他输入值在下拉列表中填充列表

import React from 'react';
import { Create, SimpleForm, TextInput, SelectInput, FormDataConsumer } from 'admin-on-rest';

const CreateForm = (props) => (
    <Create {...props}>
        <SimpleForm>
            <TextInput source="name" />
            <SelectInput source="category" choices={[
                { id: '1', name: 'Category 1' },
                { id: '2', name: 'Category 2' },
                { id: '3', name: 'Category 3' },
            ]} />
            <FormDataConsumer>
                {({ formData, ...rest }) => (
                    <SelectInput
                        source="subCategory"
                        choices={getSubCategories(formData.category)}
                        {...rest}
                    />
                )}
            </FormDataConsumer>
        </SimpleForm>
    </Create>
);

const getSubCategories = (category) => {
    // 根据category值获取对应的子类别列表
    // 返回一个包含子类别选项的数组
    // 这里只是一个示例，实际应根据业务逻辑进行处理
    switch (category) {
        case '1':
            return [
                { id: '1', name: 'Subcategory 1.1' },
                { id: '2', name: 'Subcategory 1.2' },
            ];
        case '2':
            return [
                { id: '3', name: 'Subcategory 2.1' },
                { id: '4', name: 'Subcategory 2.2' },
            ];
        case '3':
            return [
                { id: '5', name: 'Subcategory 3.1' },
                { id: '6', name: 'Subcategory 3.2' },
            ];
        default:
            return [];
    }
};

export default CreateForm;