反应 --> 警告：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>

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

Answer 1

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

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