ReactNative：学习props的使用

来源：互联网发布：wps可以在mac上用吗编辑：程序博客网时间：2024/06/06 03:37

学习props的使用
/index.android.js

import React, {    Component} from 'react';import {    AppRegistry,    Text,    Image,    View} from 'react-native';class Greeting extends Component {    render() {        // let pic = {        //  uri: this.props.mypic        // };        return (            <View>            <Image source={{uri: this.props.mypic}} style={{width: 193, height: 110}}/>             <Text > 标题：{this.props.name} < /Text>        </View>        );    }}class LotsOfGreetings extends Component {    render() {        return (            <View style={{alignItems: 'center'}}>        <Greeting name='Rexxar' mypic='https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg' />        <Greeting name='Jaina' mypic='https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'/>        <Greeting name='Valeera' mypic='https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'/>      </View>        );    }}//注册组件（包名，组件名）；AppRegistry.registerComponent('HelloWorldApp', () => LotsOfGreetings);

0 0