Level 4

How to write forms component using React?

Forum|Forum|3 years ago
December 16, 2022
2 replies
3158 views

Any suggestion?

Avinash_Gupta_

Community Advisor and Adobe Champion

Hi @davidzhang

Would you please provide more details about the use case you want to implement. Refer to the following link if your ask was only to create a form in React.js

https://reactjs.org/docs/forms.html

D

DavidZhangAuthor

Level 4

I mean how to use React in AEM Forms addon. I didn't see any example on how to integrate AEM forms component to React.

Avinash_Gupta_

Community Advisor and Adobe Champion

Hi @davidzhang

For implementing it for the AEM forms also, it would follow the similar approach to create React SPA component in AEM. You only have to assign it under the similar component group name as "Adaptive Form" so that this component would be listed to drag drop on the forms.

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/overview.html?lang=en

Hope this helps.

Mayank_Gandhi

Adobe Employee

@davidzhang form has not been tested with react components unlike AEM which has SPA support. There is something in pipe line to bring it closer to aem core component on Cloud, are you using on prem?

Mayank_Gandhi

Adobe Employee

@avinash_gupta_ @davidzhang the core essence of the OOTB form components is its data binding capabilities, do keep in mind once you bring REACT components the data handling, DOR, sign, and FDM would not understand your custom component though you may have UX then you need to handle the custom component data capture capability and merge to the form data on your own.

D

DavidZhangAuthor

Level 4

Got it. What's FDM?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded