React Native 简单的组件

前端之家收集整理的这篇文章主要介绍了React Native 简单的组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的React相关文章