Как передать текстовое значение как параметр в API из touchableopacity onpress?

Question

функция, которая вызывается для изменения цвета, когда мы нажимаем текст

onButtonPress = () => {
    if (this.state.buttonColor == 'white') {
      this.setState({ buttonColor: '#d3d3d3' });
    } else {
      this.setState({ buttonColor: 'white' });
    }
  };

Код TouchableOpacity следующим образом

<View
            style={{
              top: 60,
              flexDirection: 'row',
              marginLeft: 30,
              marginRight: 30,
              justifyContent: 'space-between',
            }}>
            <Text>Select Color</Text>
            <TouchableOpacity
              style={{
                padding: 7,
                borderColor: 'black',
                borderWidth: 1,
                borderRadius: 5,
                backgroundColor: this.state.buttonColor1,
              }}
              onPress={this.onButtonPress1}>
              <Text style={{ color: 'black' }}>{this.state.data.color}</Text>
            </TouchableOpacity>
          </View>

Может кто-нибудь помочь мне с передачей текста в качестве параметра { this.state.data.color} в мой API, когда пользователь нажимает