React Native 简单的组件

最新推荐文章于 2024-05-27 16:28:08 发布

AirZilong

最新推荐文章于 2024-05-27 16:28:08 发布

阅读量414

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/arodung/article/details/78583920

版权

React Native 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

AirZilong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React Native 简单的组件

这是我写了一个有关RN组件的demo，功能：显示文字的一个组件，虽然简单，但是开发中也有很多的问题，比如字母写错，多写了尖括号等等，建议多敲代码，不建议只看，眼高手低，是很多行业的大忌。最近开始学习RN，写的代码有点丑，有点乱，没有注释，大家不要见怪！ React Component var TempHello =
复制链接

扫一扫