javascript - React 渲染 标签

Question

对于以下 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"));

我得到:

Error: img is a void element tag and must neither have children nor use dangerouslySetInnerHTML. in img in div

是否是因为src格式不正确或者路径错误，导致找不到图片？

Answer 1

唯一出错的是<img>标签不应有结束标签，需要先将其删除。阅读 documentation :

The HTML <img> element embeds an image into the document.

也在 w3schools :

In HTML the <img> tag has no end tag.

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

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

希望对您有所帮助!