如何在 onPress 中传递按钮的 ID - React Native

Question

我正在尝试传递按钮的 id 作为由 onPress 事件触发的函数的参数。

setCategory = (e) => {
    console.log(e.target.id)
}
render(){
    return(
        <Button title="News" id={15} onPress={this.setCategory}/>
    )
}

所以15应该登录终端，但我undefined.这就是我会在 Reactjs 中做的事情，但我是 React Native 的新手，所以我不知道语法是否错误。

Answer 1

如果 id 来自道具，那么你可以这样做。

<Button title="News" id={this.props.prop_where_id_is} onPress={() => this.setCategory(this.props.prop_where_id_is)} />

然后你的setCategory就变成了

setCategory = (e) => {
    console.log(e)
}

Answer 2

您可以在"ref"的帮助下获得道具

            <Button
                id='5'
                title='sss'
                ref={ref => this.button = ref}
                onPress={() => console.log(this.button.props.id)}
            />

在您的情况下

             onPress = (id) => {
               console.log(id);
              }
                ...
                 <Button
                    id='5'
                    title='sss'
                    ref={ref => this.button = ref}
                    onPress={() => 
                      this.onPress(this.button.props.id)
                    }
                    />