React Native 简单的组件

发布时间：2020-12-15 06:40:29 所属栏目：百科来源：网络整理

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!