<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdn.bootcss.com/react/0.14.1/react.js"></script>
<script src="http://cdn.bootcss.com/react/0.14.1/react-dom.js"></script>
<script src="http://cdn.bootcss.com/babel-core/5.8.32/browser.min.js"></script>
</head>
<body>
<div id="oDiv">
</div>
</body>
<script type="text/babel">
class Comp extends React.Component{
render(){
return <span>qqaazz</span>;
}
}
window.onload = function(){
var odiv = document.getElementById(‘oDiv‘);
ReactDOM.render(
<Comp/>,
odiv
);
}
</script>
</html>
出错点：
1、class Comp extends React.Component 这里的React.Component一定记得是中间有个点，这里很容易忽略，出错了也不好找问题；
2、ReactDOM.render（）；是一个调用函数，需要参数，所以这里应该用括号；
3、class Comp extends React.Component 它创建的是一个类，所以需要用的是花括号，相当于一个对象；
创建的类里面的render 是一个函数，所以应该有圆括号，不能直接写花括号，记清楚，很容易弄错。
创新创效尺寸小尺寸
时间： 2024-10-27 02:32:16