Условное скрытое поле по -прежнему делает пустой div в RJSF V5 (не используются зависимости) ⇐ Javascript

[Anonymous]

Я использую rjsf v5 (React-jsonschema-форма) и имею вариант использования, когда отображение второго поля зависит от значения первого поля. Я не могу использовать зависимости в схеме для этого случая, потому что условно сгенерированное поле представляет собой выбираемый выпадающий список, который вызывает API со значением первого поля. Однако, в настоящее время даже когда условие не выполнено (например, возраст = 10 ), форма все еще делает empty , где будет лицензионер . Это создает нежелательное пространство в макете. < /P>
минимальный воспроизводимый пример < /h3>

Код: Выделить всё

// schema.json
const schema = {
type: "object",
required: ["age"],
properties: {
age: { type: "number", title: "Age" },
licenseNumber: { type: "number", title: "License Number" }
}
};

// in JSX
 setFormData(e.formData)}
formContext={{ age: formData.age }}
showErrorList={false}
omitExtraData
noHtml5Validate
fields={{
licenseNumber: (formProps) => {
const { age } = formProps.formContext;
if (age > 16) {
return (

{formProps.schema.title}
 formProps.onChange(e.target.value)}
/>

);
}
return null;
}
}}
/>

проблема
Когда возраст
Есть ли способ полностью удалить поле (и его контейнер) из DOM, когда оно не отображается логикой схемы?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ndencies-u