1 回答

TA貢獻1788條經驗 獲得超4個贊
您的代碼中有幾個拼寫錯誤:
React.component
應該React.Component
ReactDomFactories
是ReactDOMFactories
(你猜對了h2
:))ReactDom.render
實際上是ReactDOM.render
<head>
<meta charset="UTF-8">
<title>First Component</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script crossorigin src="https://unpkg.com/[email protected]/index.js"></script>
</head>
<body>
<div id="app"></div>
<h1>Hello</h1>
<script type="text/javascript">
class Pet extends React.Component{
render (){
const h2 = ReactDOMFactories.h2(null, "Potter");
const img = ReactDOMFactories.img({src:"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Indian_spitz_adult.JPG/640px-Indian_spitz_adult.JPG",
alt:"Potter my dog"});
return ReactDOMFactories.div(null, h2,img);
}
}
ReactDOM.render(React.createElement(Pet),document.getElementById("app"));
</script>
</body>
添加回答
舉報