React --> 警告：validateDOMNesting(...): 不能作为 的后代出现答案

【问题标题】：React --> Warning: validateDOMNesting(...): cannot appear as a descendant of React --> 警告：validateDOMNesting(...): 不能作为 的后代出现
【发布时间】：2019-01-02 01:30:11
【问题描述】：

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

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。如何解决这个问题？

【问题讨论】：

标签： javascript node.js reactjs webpack babeljs

【解决方案1】：

警告会告诉您具体需要做什么。您不能嵌套 标签，因此使用div 作为外部标签，如

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

【讨论】：

谢谢，我已经尝试过了，但又遇到了另一个错误，但现在它可以正常工作了：D
按照规范，你不应该这样做，但我不知道任何现代浏览器不会呈现这样的 DOM 结构。

【解决方案2】：

我通过从文本字段中删除父标签解决了这个问题

【讨论】：