执行逻辑求教



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

    class Greeting extends Component {
    render() {
    return (
    <View style={{alignItems: 'center', marginTop: 50}}>
    <Text>Hello {this.props.name}!</Text>
    </View>
    );
    }
    }

    export default class LotsOfGreetings extends Component {
    render() {
    return (
    <View style={{alignItems: 'center'}}>
    <Greeting name='Rexxar' />
    <Greeting name='Jaina' />
    <Greeting name='Valeera' />
    </View>
    );
    }
    }



  • ???????????



  • 首先你需要了解一下 组件的相关知识和export default,代码中的 Greeting 其实就是LotsOfGreetings 的一个子组件, 父组件在加载的时候会经历代码中的 render函数来渲染界面,调用Greeting 组件 并且赋值属性name ,在子组件中Greeting render中渲染界面,官方推荐组件属性传递最好利用propTypes 属性的检查



  • @guopeng1994 刚入手React 不懂执行逻辑是什么,执行原理是什么,之前用 java和php javascript也用过,但是这个代码看的自己一头雾水
    JavaScripit+HTML的结合体呀?


Log in to reply