學習React時遇到的報錯記錄
1._registerComponent(…): Target container is not a DOM element.
錯誤原因:在頁面中找不到對應的DOM元素,
錯誤代碼:
<body>
<div id="app"></div> //此處的DOM元素的ID是app
</body>
<script type="text/babel">
function MailBox(props) {
const unreadMessage = props.unreadMessage;
return(
<div>
<h1>Hello!</h1>
{unreadMessage.length > 0 &&
<h2>
You have {unreadMessage.length} unread messages.
</h2>
}
</div>
)
}
const message=['React','hello','cheng','hahah'];
ReactDOM.render(
<MailBox unreadMessage={message}/>,
document.getElementById('root') //此處卻在查找ID爲root的DOM元素進行渲染,頁面中沒有對應的元素,因此報錯
)
</script>