第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

數(shù)組map()接收[object Object]而不是item

數(shù)組map()接收[object Object]而不是item

元芳怎么了 2021-05-11 13:19:22
我的目的是在一行中渲染5個(gè)星星:constructor(props) {    super(props);    this.state = {        selectedStar: '',        ...    };    this.starsArray = [1, 2, 3, 4, 5] // is used like indexes}onStarPress = (index) => {    console.warn('index = ' + index); // index here is [object Object] instead of 1, 2, 3 ...    this.setState({        selectedStar: index    });}renderStars = () => (    this.starsArray.map((starIndex, i) => (        <Star            key = {i}            color = {this.defineStarColor(starIndex)}            onStarPress = {(starIndex) => {this.onStarPress(starIndex)}}        />    )))當(dāng)我map()對(duì)索引數(shù)組執(zhí)行starIndex等于[object Object]而不是1、2、3 ...i這里等于1,2 ...與key。但是當(dāng)我將其傳遞給下面的函數(shù)時(shí),它也變成[object Object]我做錯(cuò)了什么?
查看完整描述

2 回答

?
開(kāi)滿天機(jī)

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊

在這一行中onStarPress = {(starIndex) => {this.onStarPress(starIndex)}},第一個(gè)starIndex是事件處理對(duì)象。onStarPress接收對(duì)象也是如此。


有兩種方法可以解決此問(wèn)題:


onStarPress = (e,index) => {

    console.warn('e = ' + e); 

    console.warn('index = ' + index); 

    this.setState({

        selectedStar: index

    });

}


renderStars = () => (

    this.starsArray.map((starIndex, i) => (

        <Star

            key={i}

            color={this.defineStarColor(starIndex)}

            onStarPress={(e) => { this.onStarPress(e,starIndex) }}

        />

    ))

)

其他方式是:


onStarPress = (index) => (e) => {

    console.warn('e = ' + e); 

    console.warn('index = ' + index); 

    this.setState({

        selectedStar: index

    });

}


renderStars = () => (

    this.starsArray.map((starIndex, i) => (

        <Star

            key={i}

            color={this.defineStarColor(starIndex)}

            onStarPress={this.onStarPress(starIndex)}

        />

    ))

)


查看完整回答
反對(duì) 回復(fù) 2021-05-27
  • 2 回答
  • 0 關(guān)注
  • 224 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)