Javascript 在React组件中嵌套HTML时出现危险的HTML错误

我使用的库提供了一个名为

InputPassword

的组件，它返回一个

input

区域

我需要在

块的正下方放置一个

块，以使一些动画正常工作。到目前为止，我已经通过以下方式实现了这一点：

<InputPassword className="input__field input__field--kohana password">
    <label className="input__label input__label--kohana">
        <i className={"fa fa-fw icon icon--kohana fa-lock" }></i>
        <span className="input__label-content input__label-content--kohana">Password</span>
    </label>
</InputPassword>

---

您是否尝试了后一个代码段，但将其包装在单个容器元素中，因为您通常只应返回一个元素。请显示

InputPassword

component的呈现方法不幸的是，我对

InputPassword

组件没有太多的控制权。您可以在这里找到它的方法。@adeneo后一个代码段根本不适用于动画，因为结果呈现如下：``这与第一个代码段本质不同，后者呈现为：``这是动画运行所必需的格式。很抱歉，格式不正确。不确定这是否正确，但类似的方式至少可以工作->

<InputPassword className="input__field input__field--kohana password" />
<label className="input__label input__label--kohana">
    <i className={"fa fa-fw icon icon--kohana fa-lock" }></i>
    <span className="input__label-content input__label-content--kohana">Password</span>
</label>