如何获得数组中按钮单击的值反应原生

时间:2017-06-12 09:30:37

标签: react-native

您好帮我解决一下这个错误。

btnDynamic()
{
  return myArr.map(function(data,index){
      return(
        <TouchableHighlight key={index}  onPress={()=> this.btnCLick()} style={styles.btn} underlayColor='transparent'>
            <View style={{alignItems:'center',justifyContent:'center'}}>
                <Text ref={index} style={{fontSize:6,fontWeight:'bold'}}>{data.category}</Text>
            </View>
        </TouchableHighlight>
      )
  });

}

上面是我的函数,它给出了多个按钮,取决于我的另一个函数给出的响应。 但主要问题是按钮点击方法会产生这样的错误。

&#34; this.btnCLick不是函数。(在_this3.btnCLick()中),this3.btnClick&#34;是不确定的。

这是我的btn点击功能

btnCLick(text){
  Alert.alert("Button Is Clicked",text);
}
请大家帮我解决这个错误。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

我想分享如何获得按钮点击数组反应原生的价值

const OpenGallery = () => {
      return this.state.photos.map((p, i) => {
        let selectImage = p.node.image.uri;
        return (
          <TouchableOpacity
            key={i}
            onPress={this.selectImage.bind(this, selectImage)}
          >
            <Thumbnail
              square
              style={{
                width: 120,
                height: 120,
                margin: 3
              }}
              source={{ uri: p.node.image.uri }}
            />
          </TouchableOpacity>
        );
      });
    };

创建功能

selectImage = image => {
    const { navigation } = this.props;
    this.setState({
      isGallery: !this.state.isGallery
    });
    this.selectedImage = image;
  };

根据这个概念,我可以通过按钮点击事件访问当前数组值。

我希望它会对你有帮助。