javascript - React --> Warning : validateDOMNesting(. ..): <p> 不能作为 <p> 的后代出现

Question

我在浏览器控制台中收到此警告:

warning.js?da67:33 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.

在线:

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

这是一个 react 项目。我也在使用 webpack。如何解决这个问题？

Answer 1

警告会告诉您具体需要做什么。你不能嵌套 <p>标签，因此使用 div对于像

这样的外部标签

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