cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
New Member

Render / Using react components inside PowerApps Component Framework

Hi!

 

I was trying to include my own React components inside a PowerApps component based on the Angular flip component example without much success.

 

Given the HostControl is already using react and ReactDom to render its contents, any recommendations about how to include our own components as child components of that Root element?

 

I've tried even rendering my own subcomponent using ReactDOM.render against the container's id without much luck either 🙂

 

It would be ideal to use React components to save us from having to create HTMLElements manually... 😛

 

There is an issue raised in the docs repo with the same question:

 

https://github.com/MicrosoftDocs/powerapps-docs/issues/382

 

Thanks!

6 REPLIES 6
Power Apps
Power Apps

React components aren't supported for framework components yet. This is due to the way React components would get added to the host React app, basically as a disconnected DOM tree which could lead to a lot of unforseen issues. We are actively working on a good solution for React support, and hope to have good news in this area soon.

 

Greg

Any update? Smiley Happy

We are finalizing our guidance/samples and should be able to share very soon.   Please stay tuned.  

Any update or ETA?

Sorry for the delay; we should have our React guidance available soon. I will update this thread when it is available.

Frequent Visitor

Hi jmontana,

 

React components are officially supported right now you can refer below link on how to use them in PCF.

http://blog.dynamicscode.net/2019/06/26/react-extended-boundary-of-powerapps-component-framework/

Example 

https://docs.microsoft.com/en-us/powerapps/developer/component-framework/sample-controls/react-facep...

Please Feel free to mark the answer as verified if it is useful

Regards,

Vignesh.R

 

Helpful resources

Announcements
News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

Power Apps Community Call

Power Apps Community Call- January

Check out the Power Apps Community Call for January 2021

PP Bootcamp Carousel

Global Power Platform Bootcamp

Dive into the Power Platform stack with hands-on sessions and labs, virtually delivered to you by experts and community leaders.

secondImage

Power Platform Community Conference On Demand

Watch Nick Doelman's session from the 2020 Power Platform Community Conference on demand!

Users online (6,428)