使用道具传递变量和函数in react native

时间:2018-05-15 07:31:20

标签: react-native

我在反应原生中使用道具传递变量和函数。

<ModalHeader message={'Мои заказы'}
     onPress={() => {
      goBack();
    }} />

在HeaderModel.js

static propTypes = {
    onPress: PropTypes.func.isRequired,
    message: PropTypes.string
};



render() {
    return (     
     <Header style={styles.header}>
        <Left>
        <Button rounded transparent onPress={ this.props.onPress }>
        <Icon name='arrow-back'/>
        </Button>
        </Left>
        <Body>
            { this.props.message }                  
        </Body>
      </Header>
    );
}

当我运行应用时,&#34;应用没有响应&#34;出现错误。我的代码出了什么问题?有解决方案吗

1 个答案:

答案 0 :(得分:0)

只需将ModalHeader更改为:

<ModalHeader message={'Мои заказы'} onPress={this.goBack} />

这会将goBack函数传递给ModalHeader