Level 4

How to write forms component using React?

11 replies
3245 views
Translate All

Any suggestion?

Avinash_Gupta_

Adobe Champion and Community Advisor

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

Translate

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.

Translate

Avinash_Gupta_

Adobe Champion and Community Advisor

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.

Translate

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?

Translate

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.

Translate

D

DavidZhangAuthor

Level 4

Got it. What's FDM?

Translate

Sign up

Login with SSO

Login to the community

Login with SSO