“P kann nicht als Nachkomme von P React erscheinen” Code-Antworten

validatedomnesting (...):
kann nicht als Nachkomme von

erscheinen.

<p>
   <div>...</div>
</p>
//According to this document, a <p></p> tag can only contain inline elements. That means putting a <div></div> tag inside it should be improper, since the div tag is a block element. Improper nesting might cause glitches like rendering extra tags, which can affect your javascript and css.

//If you want to get rid of this warning, you might want to customize the ReactTooltip component, or wait for the creator to fix this warning.
//If you're looking for where this is happening, in console you can use:
document.querySelectorAll(" p * div ")
//Here's another version that made finding the item more verbose for me 
document.querySelectorAll("p > div")
code fighter

JavaScript von Codekämpfer

<Typography component={'span'} variant={'body2'}>
Mystic Dev

The warning tells you what exactly you need to do. You cannot nest <p> tags and hence use div for the outer tag like

<div>
   {this.state.error && 
      <p className="errorText">
           {this.state.error}
       </p>
   }
</div> 
Himanshu Jangid

<div>
   {this.state.error && 
      <p className="errorText">
           {this.state.error}
       </p>
   }
</div>
Himanshu Jangid

Ähnliche Antworten wie “P kann nicht als Nachkomme von P React erscheinen”

Fragen ähnlich wie “P kann nicht als Nachkomme von P React erscheinen”

Weitere verwandte Antworten zu “P kann nicht als Nachkomme von P React erscheinen” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen