码迷,mamicode.com
首页 > 其他好文 > 详细

props

时间:2016-12-21 20:57:56      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:pre   export   style   span   调用   color   enter   返回   blog   

// 这里是导入的包
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

标签:pre   export   style   span   调用   color   enter   返回   blog   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!