反应->警告：validateDOMNesting（...）：<p>不能作为</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>