How to get TouchableOpacity Text String

Question

How to get number '1' of this TouchableOpacity?

numClick(){
    this.state.pressedNum = ?
}
render(){
    return (
        <TouchableOpacity style={styles.numButton} onPress={()=>this.numClick()}>
            <Text style={styles.numString}>1</Text>
        </TouchableOpacity>
}

duplicate : https://stackoverflow.com/questions/42329240/react-native-onpress-being-called-automatically — Smit Thakkar, Apr 07 '18 at 21:17

score 1 · Answer 1 · answered Feb 24 '18 at 18:05

Do you need to extract the value from the actual Text component? If not you can just pass it to the function as an argument. By the way, you should not mutate state directly, use setState() instead.

numClick(num) {
    this.setState({
        pressedNum: num
    });
}

render() {
    return (
        <TouchableOpacity style={styles.numButton} onPress={()=>this.numClick(1)}>
            <Text style={styles.numString}>1</Text>
        </TouchableOpacity>
    )
}

How to get TouchableOpacity Text String

1 Answers1