如何将flalits的密钥ID调用到其他函数中

Question

在我的应用程序中，我在应用程序中有一个平面列表，我想添加的按钮不是整个平面列表，而是一些列表组件，所以这就是为什么我需要将该特定组件的键id调用到函数中。这是平面列表的代码。**<平面列表

data={this.state.dataSource}
renderItem={this.renderItem}
// keyExtractor= {(item,index) => index}
keyExtractor={item => item.GameId.toString()}
ItemSeparatorComponent={this.renderSeprator}
refreshing = {this.state.refreshing}
onRefresh = {this.handleRefresh} 
handlePress={item => item.GameId.toString()}



/>

**这是我想调用gameID的函数**handlePress=((=>｛

if(  this.GameId == 1){
this.setState({
btnvalue1: 'flex'});
console.log('ssss11');

} else {

this.setState({
btnvalue1: 'none'});

}
}

**

Answer 1

你可以在下面这样做

代码

import React, {useState} from 'react';
import {FlatList, View, Text} from 'react-native';
const myData = [
{
id: 1,
name: 'React',
},
{
id: 2,
name: 'Native',
},
];
export default function App() {
const [data, setData] = useState(myData);
const renderItem = ({item, index}) => {
return (
<View
style={{
height: 50,
width: '90%',
marginLeft: '5%',
flexDirection: 'row',
borderWidth: 1,
borderColor: 'black',
marginBottom: 10,
}}>
<Text>{item.name}</Text>
{item.name === 'Native' ? (
<View style={{height: 35, width: 35, backgroundColor: 'red'}}></View>
) : null}
</View>
);
};
return (
<View>
<FlatList
style={{marginTop: 50}}
data={data}
keyExtractor={(item, index) => String(index)}
renderItem={renderItem}
/>
</View>
);
}

希望这能有所帮助！！！

小吃博览会链接