这是我写了一个有关RN组件的demo,功能:显示文字的一个组件,虽然简单,但是开发中也有很多的问题,比如字母写错,多写了尖括号等等,建议多敲代码,不建议只看,眼高手低,是很多行业的大忌。
最近开始学习RN,写的代码有点丑,有点乱,没有注释,大家不要见怪!
资源下载地址:RN组件Demo
<!DOCTYPE html>
<html>
<head>
<title>React Component</title>
<script src="react.js"></script>
<script src="react-dom.js"></script>
<script src="browser.min.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/babel">
var TempHello = React.createClass({
render: function() {
return (
<div>
<p>this is {this.props.greetTarget}</p>
</div>
);
}
});
ReactDOM.render(
<div>
<TempHello greetTarget="AirZilong"/>
<TempHello greetTarget="AirZilong Two"/>
<TempHello greetTarget="AirZilong three"/>
</div>
,
document.querySelector("#container")
);
</script>
</body>
</html>
如果转载请注明转于: AirZilong的博客