In this post, we will see how to resolve How can I pass on an on click event to a component via props?
Question:I have a floating action button that I want to use to enable night mode but I have gotten stuck on how to pass the on the click event so that the mode actives. I am unsure of what I am doing wrong can someone give me some guidance?
I was trying to follow this guide. https://www.makeuseof.com/how-to-add-dark-mode-to-a-react-application/ So far
Would using context be better?
After updating the code to what was provided to me below minus the effect the page loads properly but I am unable to get on click to engage darkmode
I added this to the button and found no change
useStatecan only be used in a functional component. If you are going to use a class component, you need to assign to
this.statein the constructor, and
this.setStateto update the state. Your code should look something like this:
If you have better answer, please add a comment about this, thank you!