首页 > 其他 > 详细

props

时间:2016-12-21 20:56:53      阅读:215      评论:0      收藏:0      [点我收藏+]
// 这里是导入的包
import React, { Component } from ‘react‘;
// 导入需要用到的组件
import { 
  AppRegistry, 
  Text,
  View 
} from ‘react-native‘;

// 定义一个类,在 render 回调中返回 Text 控件,
class Greeting extends Component{
  render(){
    return(
// 从调用标签中取出 props.name ,并将其插入到 文本中
      <Text>你好,{this.props.name}!</Text>
    );
  }
}


export default class AwesomeProject extends Component {
  render() {
    return(
      <View style={{alignItems:‘center‘,marginTop:50}}>
        <Greeting name=‘李荣浩‘ />
        <Greeting name=‘李云龙‘ />
        <Greeting name=‘李小璐‘ />
      </View>
    );
  }
}

AppRegistry.registerComponent(‘AwesomeProject‘, () => AwesomeProject);

 

props

原文:http://www.cnblogs.com/funnyweb/p/6208662.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!