React Native-07：组件属性 props

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

export class Children extends Component
{
    constructor(props)
    {
        super(props);
        this.state = { name: props.name };
    }
    updateState = () =>
    {
        const name = this.state.name == '羽神天下第一' ? '羽神如此垃圾' : '羽神天下第一';
        this.setState({ name });
    };
    render ()
    {
        const { name } = this.state;
        return (
            <View style={styles.container}>
                <Text onPress={this.updateState}>{name}</Text>
            </View>
        );
    }
}

export default class Father extends Component
{
    render ()
    {
        return <Children name={'羽神'} />;
    }
}

const styles = StyleSheet.create({
    container: {
        margin: 10,
    },
});