Feb 25 2020 09:07 AM
Using SPFx with react (hooks) I am developing a web part with few components.
Does anyone have a good example? there is one for extensions but did not find one for the web part.
Thank you
Feb 25 2020 05:23 PM
Hi ,
Its so hard to say without seeing any code.Have you tried using the Office UI Fabric Dialog and Teaching Bubble for your requirements?
Feb 26 2020 03:06 AM - edited Feb 26 2020 03:07 AM
I tried "Office UI Fabric" Dialog. What is "Teaching Bubble "?
My test was a component using DetailsList example where each row had a button that called a component using Dialog or Panel. nither of them ever showed and the console showed CORS error.
Feb 26 2020 07:53 PM
If you have Chrome,can you run chrome using disablewebsecurity which will disable the CORS issues for time being to verify that your content has been working properly or not in a Dialog
So you code is failing because of CORS issue,not because of the react component not getting rendered.
Teaching bubble is more of a tooltip kind of thing to display.Here is the link.
https://developer.microsoft.com/en-us/fabric#/controls/web/teachingbubble
Feb 27 2020 03:57 AM - edited Feb 27 2020 03:57 AM
@O365Developer I am actually using the new edge to test my development.
once developed, my users will need to run with disabled web security.
Feb 27 2020 04:29 PM
I want you to run with disablewebsecurity in Chrome to make sure that your code is working fine without any issues.
Disabling CORS in IE not possible ,or may be possible with newer version of Edge.
If the code is running fine, and in order to handle the CORS issue,we can use some proxies like heroku or you can develop your own custom proxy,however that needs to be hosted on some server.