Javascript react native中的Require（）

我正在研究一个选择明星的想法，我被一个问题困住了。 这是我的密码：

export default class Star extends Component {
    render() {
        var starArray = [];
        var i;
        for (i = 0; i < 4; ++i) {
            if (i < this.props.value) {
                imageSource = this.props.fullStar;
            } else {
                imageSource = this.props.emptyStar;
            }
            starArray.push(
            <View key={i}>
                <TouchableHighlight onPress={() => console.log("etoile : "+this.key)}>
                    <Image source={imageSource} style={{width: 25, height: 25}}/>
                </TouchableHighlight>
            </View>
              );
        }
        return (
            <View style={Styles.container}>
                {starArray}
            </View>
        );
    }
}

导出默认类星形扩展组件{
render（）{
var starArray=[]；
var i；
对于（i=0；i<4；++i）{
如果（i
);
}
返回(
{starArray}
);
}
}

我想当我们按下一个星时，知道按下了什么星，我的星在一个数组中，我不知道我按下了什么星

---

通过单击回调传递星号

export default class Star extends Component {
    handleClick(i){
        console.log("star number " + i);
    }
    render() {
        var starArray = [];
        var i;
        for (i = 0; i < 4; ++i) {
            if (i < this.props.value) {
                imageSource = this.props.fullStar;
            } else {
                imageSource = this.props.emptyStar;
            }
            starArray.push(
            <View key={i}>
                <TouchableHighlight onPress={this.handleClick.bind(this,i)}>
                    <Image source={imageSource} style={{width: 25, height: 25}}/>
                </TouchableHighlight>
            </View>
              );
        }
        return (
            <View style={Styles.container}>
                {starArray}
            </View>
        );
    }
}

导出默认类星形扩展组件{
handleClick（一）{
控制台日志（“星号”+i）；
}
render（）{
var starArray=[]；
var i；
对于（i=0；i<4；++i）{
如果（i