尝试呈现内容时未终止的JSX内容

Question

我正在学习ReactJs，所以我对jsx不太了解。有人可以帮忙吗？

我尝试以另一种方式关闭div，并检查是否有错字。但是我什么也找不到。

 //importing modules
 import React from 'react'
 import ReactDom from 'react-dom'

//create a component
const App=()=>{
    return <div> Hello sammy! <div/> ;
};

ReactDom.render(
    <App/> ,
    document.querySelector("#root")
);

我遇到以下错误

Answer 1

{{1}}

应该是

{{1}}

Answer 2

您在这里有一个错字<div/>，这不是正确的结束标记。

<div> Hello sammy! <div/> ;

应为</div>

<div> Hello sammy! </div> ;