Why I have twice headers and footers in my React app?
This is my very simple React app. I have no idea why it show me 2 copies of header and footer. All components of the page renders in the first <body> once more:
Buttons Inside Buttons in HTML and React
I have two outer button component. Each of the outer button component has its own inner button submit. There can only be one outer button component to be selected.
My problem is that semantically buttons should not be placed inside another button.
How should I fix this layout? Should I change the outer button to something different?