ReactNative学习之Props(属性):
import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';
class Greeting extends Component {
render() {
return (
<Text>Hello {this.props.name}!</Text>
);
}
}
class LotsOfGreetings extends Component {
render() {
return (
<View style={{alignItems: 'center'}}>
<Greeting name='Rexxar' />
<Greeting name='Jaina' />
<Greeting name='Valeera' />
</View>
);
}
}
AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfGreetings);
最后一行,他运行的是
LotsOfGreetings这个类,输出了三个组件,都是Greeting组件,属性name给出了三个不同的值,再看上边的类Greeting,这个类是干嘛的呢,返回文字用的,反悔什么文字,hello+一个自定义属性+!,这里有点像方法传值,给定参数,以及方法作用,然后去传递参数返回相应的结果。