使用React Native进行基于标签的过滤

Question

这是我的问题。

当我按下2个按钮时，我希望这两个按钮的值变成2个'标签'，用于使用React Native从mysql数据库中过滤和获取我的数据。 我应该使用<Button>或<TouchableOpacity>或<TouchableHighlight>还是其他任何人才能使其发挥作用？

我该如何实现？我需要一个示例代码。谢谢！

Answer 1

可以使用所有三个组件（Button，TouchableOpacity，TouchableHighlight）。它们都具有onPress属性，可以激活用户按下交互的功能。使用哪一个主要是您对设计和实施的偏好。

示例

_onPress = (value) => {
  console.log(value); // Do something with the value
}

render() {
  return (
    <View>
      <Button onPress={() => this._onPress('Some Button Value')} title="Press Me!" />
      <TouchableOpacity onPress={() => this._onPress('Some TouchableOpacity Value')}>
        <Text>{'Press Me!'}</Text>
      </TouchableOpacity>
      <TouchableHighlight onPress={() => this._onPress('Some TouchableHighlight Value')}>
        <Text>{'Press Me!'}</Text>
      </TouchableHighlight>    
    </View>
  )
}