Question

问题：我创建了TouchabelOpacity组件，并希望在点按时提醒您。

<Image style={styles.item} source={props.source} >
                <TouchableOpacity  onPress={props.onDelete(props.index)} >
                    <Image style={styles.closeButton} source={require('../../Images/DashImages/closeButton.png')} />
                </TouchableOpacity>
            </Image>

onPress功能就像那样

onPress = (index) => {
alert(index);
}

但是当运行代码时，它会在呈现时自动发出警报。我没有点击，但会自动提醒。有什么问题？

Answer 1

你应该用函数包装它以防止立即运行

<Image style={styles.item} source={props.source} >
            <TouchableOpacity  onPress={() => props.onDelete(props.index)} >
                <Image style={styles.closeButton} source={require('../../Images/DashImages/closeButton.png')} />
            </TouchableOpacity>
        </Image>

关于TouchabeOpacity的OnPress问题

1 个答案: