im开始使用React,并且尝试从基础开始。现在,这是我的代码
index.html
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8" />
<title>index</title>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script type="text/babel" src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="index.js" type = "text/babel "></script>
</head>
<body>
<div id = 'try'></div>
<script type= "text/babel">
const element = <Welcome />;
ReactDOM.render(
element,
document.getElementById('try')
);
</script>
</body>
</html>
这是我的index.js
class Welcome extends React.Component {
render(){
return <h1> hello</h1>;
};
};
应该在index.html上向我显示“你好”,但页面仍然空白,错误在哪里?
pd:还尝试使用“ text / jsx”代替“ text / babel”]
尝试在不设置常量的情况下调用Welcome
。>
ReactDOM.render(
<Welcome />,
document.getElementById('try')
);
尝试一下,这应该起作用: