Question

我正在尝试将一些数据从容器传递到模式，而我已经做到了。它有未定义的错误，不是对象评估（评估_this.props.status），我做了什么吗？我该怎么称呼道具

这些是我的密码

container.js

const IconModal = (props) => {

    return(
        <Modal 
            isVisible={props.visible}
            onBackdropPress={props.close}
        >
            <View style={styles.dialogBox}> 
                <View style={styles.icon}>
                    <Icon></Icon>
                </View>

                <View style={styles.text}>
                    <Text style={styles.status}>{this.props.status}</Text>
                    <Text>{this.props.desc}</Text>
                </View>
                    <TouchableOpacity onPress={props.close}>
                        <View>
                            <Text style={styles.buttonText}>GOT IT</Text>
                        </View>
                    </TouchableOpacity>
            </View>
            
        </Modal>
    )
}

IconModal.propTypes ={
    visible: PropTypes.bool.isRequired,
    close: PropTypes.func,
}

IconModal.js

onkeyup

Answer 1

在将字符串传递给组件时使用双引号。像status="test" desc="test"而不是status='test' desc='test'。而不要使用this.props.status来代替props.status。与this.props.desc

相同

Answer 2

删除this关键字。应该只是props.status和props.desc

将数据传递到模态

2 个答案: