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:
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.
React components are officially supported right now you can refer below link on how to use them in PCF.
Please Feel free to mark the answer as verified if it is useful
This will be a conference that you do not want to miss!
Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.
Check out the winners of the recent 'Can You Solve These?' community challenge!
Join us for an in-depth look at the new Power Apps features and capabilities at the free Microsoft Business Applications Launch Event.
Featuring samples like Return to the Workplace and Emergency Response Applications
Features releasing from October 2020 through March 2021