Home/ Questions/Is it okay to fix the jsx expressions must have one parent element problem?
Next
Answered
Maya Byrne
  • 18
Asked: 2022-05-17T14:07:43+00:00 In:

Is it okay to fix the jsx expressions must have one parent element problem?

  • 18

. Advertisement .

..3..

. Advertisement .

..4..

I’m trying to run a new project. I do a couple of things like this:

<Router history={history}>
  <Route path="/" component={App}>
  <Route path="home component={Home} />
  <Route path="about" component={About} />
  <Route path="inbox" component={Inbox} />
  <Route path="contacts" component={Contacts} />
  </Route>
 </Router>
<Router history={history}>
  <Route path="/" component={App}>
  <Route path="home component={Home} />
  <Route path="about" component={About} />
 
  { if.this.props.mail ? 
  <Route path="inbox" component={Inbox} />
  <Route path="contacts" component={Contacts} />
  : null }
 
  </Route>
  </Router>

But in my program, I am getting the warning:

expressions must have one parent element.

Can someone explain why the “jsx expressions must have one parent element” issue happened? Where have I gone wrong? Thank you!

expressions must have one parent element
Share

2 Answers

  1. Best Answer
    Expert

    The cause:

    May be you are missing a parent element, so it causes this error. It must be one parent element JSX expression to wrap the elements in the expression which return with one parent element.

    Solution:

    This error will be solved if you enclose the code after the return statement in an element as <div>....code </div>, like below:

    const Div =()=>{
return
<div>
<Button name="Save" ></Button>
<Button name="Edit"></Button>
<Button name="Cancel"></Button>
</div>}
    • 16

  2. shorthand fragments can be used to return a list with Logical ‘&&’ Opera for conditional render. It’s very clean. ??? ? 

    {this.props.mail && 
 <>
 <Route path="inbox" component={Inbox} />,
 <Route path="contacts" component={Contacts} />
 </>
}
    • 11

Leave an answer

You must login to add an answer.

Need An Account,