Props(属性)

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';



class Greeting extends Component {
  render() {
    return (
      <Text>hello, {this.props.name}</Text>
    );
  }
}

export default class DTest extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Greeting name='张三' />
        <Greeting name='李四' />
        <Greeting name='王五' />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  }
});

AppRegistry.registerComponent('DTest', () => DTest);

效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • this.props 是属性的意思。用于传递给控件具体的属性 在其调用的地方进行定义属性值
    基本密码宋阅读 4,114评论 0 0
  • 大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props(属性)。1,拿图片为例,导入I...
    SYOL阅读 2,047评论 0 0
  • Props(属性) 组件创建的时候需要用不同的参数进行定制,这些定制的参数就是props(属性),可为组件内部属性...
    村雨灬龑阅读 4,385评论 0 2
  • 青草凄凄尘泥香,沙墓荒荒石碑残。 碧野万里归何处,魂留千丈忆他乡。 山蒸腾雾朝露红,碧海连天几点乌。 大梦一觉初觉...
    范知一阅读 1,014评论 0 2
  • 老舍曾有文章讲,秋天你一定要住北平。读罢,内心想往。北京,是我一如既往的梦。而宝坻,这座北方的小城,却是我踏踏实实...
    雪儿花园阅读 5,418评论 7 2