您的位置：首页 > Web前端 > React

React Native 简单的组件

2017-11-20 17:00 381 查看

这是我写了一个有关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的博客

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航