Skip to main content

Posts

Showing posts with the label Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag

Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag

Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag! React doesn’t like siblings. More specifically, it doesn’t allow siblings in a return function while rendering. We should put your component between enclosing tags, Wrong ways! import   React   from   'react' ; class   MyComponents   extends   React . Component  {      render () {          return  (              < MyComponent1 />              < MyComponent2 />              < MyComponent3 />         );     } } export   default   MyComponents ; Correct Ways! import   React   from   'react'...