Javascript React render标记

对于以下react代码：

ReactDOM.render(<div className="divcss5">
   <img src={'/auto_merge_deployment.png'}
         alt="Auto Merge Deployment"
         align="bottom"
         id="auto_merge_deployment"
         style={style}>Auto Merge Deployment</img>
    <br></br>
    <p><i className="fa fa-spinner fa-spin fa-3x fa-fw"
           style={{fontSize: "1.73em"}}
    ></i>Icon</p>
</div>, document.getElementById("icon_tip_div"));

我得到：

错误：img是一个空元素标记，不能有子元素，也不能使用危险的HTML。 在img中 分头

---

这是因为src格式不正确或路径错误，并且找不到图像吗？

唯一出错的是标记不应该有结束标记，需要先删除它。请阅读以下文章：

HTML元素将图像嵌入到文档中

还包括：

在HTML中，标记没有结束标记

我将删除结束标记，如下所示：

我希望这有帮助

<img src={'/auto_merge_deployment.png'}
     alt="Auto Merge Deployment"
     align="bottom"
     id="auto_merge_deployment"
     style={style}>Auto Merge Deployment

您不需要将内容放入img，即使是普通的HTML。

img是一个自动关闭标签。里面不能有任何内容。这可能是您看到此错误的原因。

ReactDOM.render(<div className="divcss5">
   <img src={'/auto_merge_deployment.png'}
         alt="Auto Merge Deployment"
         align="bottom"
         id="auto_merge_deployment"
         style={style} />
    <br></br>
    <p><i className="fa fa-spinner fa-spin fa-3x fa-fw"
           style={{fontSize: "1.73em"}}
    ></i>Icon</p>
</div>, document.getElementById("icon_tip_div"));