Javascript Can'；当我按下图像时，我似乎无法将控制台日志转换为日志图像索引
我的图像来自一个数组变量，进入一个Javascript Can'；当我按下图像时，我似乎无法将控制台日志转换为日志图像索引,javascript,react-native,onpress,Javascript,React Native,Onpress,我的图像来自一个数组变量，进入一个中的，并被渲染到导航之间的空间中。无论我把控制台日志放在哪里，它都会记录加载的每个映像的索引号，我无法按映像来触发控制台日志 我已经将onPress={console.log（index）}移动到可能的区域，希望它能使图像可点击 import React, { Component } from 'react'; import { View, Dimensions, Image } from 'react-native'; var images = [ re
import React, { Component } from 'react';
import { View, Dimensions, Image } from 'react-native';
var images = [
require('../assets/IMG-0028.jpeg'),
require('../assets/IMG-0048.jpeg'),
require('../assets/IMG-0064.jpeg'),
require('../assets/IMG-0089.jpeg'),
require('../assets/IMG-0119.jpeg'),
require('../assets/IMG-0151.jpeg'),
require('../assets/IMG-0152.jpeg'),
require('../assets/IMG-0153.jpeg'),
require('../assets/IMG-0154.jpeg'),
require('../assets/IMG-0155.jpeg'),
require('../assets/IMG-0184.jpeg'),
require('../assets/IMG-0221.jpeg'),
require('../assets/IMG-0268.jpeg'),
require('../assets/IMG-0309.jpeg'),
require('../assets/IMG-0320.jpeg'),
require('../assets/IMG-0474.jpeg'),
require('../assets/IMG-0707.jpeg'),
require('../assets/IMG-0860.jpeg')
];
var { width, height } = Dimensions.get('window');
class CardComponent extends Component {
renderHome = () => {
return images.map((image, index) => {
return (
<View
key={index}
style={[
{ width: width / 3 },
{ height: height / 3 },
{ marginBottom: 2 },
index % 3 !== 0 ? { paddingLeft: 2 } : { paddingLeft: 0 }
]}
>
<Image
style={{ flex: 1, width: undefined, height: undefined }}
source={image}
onPress={console.log(index)}
/>
</View>
);
});
};
render() {
return (
<View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
{this.renderHome()}
</View>
);
}
}
export default CardComponent;
import React，{Component}来自'React'；
从“react native”导入{View，Dimensions，Image}；
变量图像=[
要求（“../assets/IMG-0028.jpeg”），
要求（'../assets/IMG-0048.jpeg'），
要求（'../assets/IMG-0064.jpeg'），
要求（'../assets/IMG-0089.jpeg'），
要求（'../assets/IMG-0119.jpeg'），
要求（'../assets/IMG-0151.jpeg'），
要求（'../assets/IMG-0152.jpeg'），
要求（'../assets/IMG-0153.jpeg'），
要求（'../assets/IMG-0154.jpeg'），
要求（'../assets/IMG-0155.jpeg'），
要求（'../assets/IMG-0184.jpeg'），
要求（'../assets/IMG-0221.jpeg'），
要求（'../assets/IMG-0268.jpeg'），
要求（'../assets/IMG-0309.jpeg'），
要求（'../assets/IMG-0320.jpeg'），
需要（'../assets/IMG-0474.jpeg'），
要求（'../assets/IMG-0707.jpeg'），
需要（“../assets/IMG-0860.jpeg”）
];
var{width，height}=Dimensions.get（'window'）；
类CardComponent扩展组件{
renderHome=（）=>{
返回图像.map（（图像，索引）=>{
返回(
);
});
};
render（）{
返回(
{this.renderHome（）}
);
}
}
导出默认组件；
但是。。什么也没有发生。事件属性期望函数引用，但是您正在立即执行该函数，因此该属性只获取返回值，在log（）的情况下未定义。您可能打算在那里使用arrow函数
onPress={（）=>console.log（）}