absent-sapphire•2y ago

Hidden input field?

It seems to make more sense to generate a hidden field for ID's rather than a disabled text field? Any idea how to do this? I've tried changing <TextField> to type='hidden' but I still have stuff rendering on the form.

13 Replies

kapa.ai•2y ago

Hey @johnwards! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question. :wave:

kapa.ai•2y ago

---------------------- Hmm, I don't know enough to give you a confident answer yet. However, you can find more information about how to create a hidden input field in the Ant Design documentation (https://ant.design/components/form/#Form.Item). ----------------------

Form - Ant Design

kapa.ai•2y ago

<@128446913274970112> kapa.ai is still learning and improving, please let us how it did by reacting below

absent-sapphire•2y ago

Think it probably should generate this? For MUI.

<InputBase
                    {...register("id")}
                    type="hidden"
                    name="id"
                />

quickest-silver•2y ago

When you mean generate you mean inferecer code ?

absent-sapphire•2y ago

Yeah sorry!

quickest-silver•2y ago

I understand. Inferencer designed to speed up development workflow. You can copy and customize your code to according to your needs

absent-sapphire•2y ago

Yeah I get that, but was thinking that ID as a hidden field seems like the most obvious default? Been a while since I used a CRUD generator, but that was what I was expecting.

Omer•2y ago

Hey @johnwards , please follow react-hook-form official docs. You can search for "hidden" in the document. thank you https://react-hook-form.com/api/useform/

useForm

Performant, flexible and extensible forms with easy-to-use validation.

absent-sapphire•2y ago

Yeah think I've figured it out. I've sort of moved on to pondering if the CRUD generator should be generating these ID fields as hidden fields by default? eg a future change request?

like-gold•2y ago

Hello @johnwards , nice idea! Could you create an issue on GitHub with some details?

quickest-silver•2y ago

btw @johnwards, you can filter fields like this. it will be not rendered on ui

<AntdInferencer
fieldTransformer={(field) =>
    field.key === "id"
        ? undefined
        : field
}
/>

<AntdInferencer
fieldTransformer={(field) =>
    field.key === "id"
        ? undefined
        : field
}
/>

absent-sapphire•2y ago

Cool!