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

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

React 代碼中的 ESLint 無(wú)返回分配和無(wú)參數(shù)重新分配錯(cuò)誤

React 代碼中的 ESLint 無(wú)返回分配和無(wú)參數(shù)重新分配錯(cuò)誤

慕標(biāo)5832272 2023-12-14 15:21:32
我在 React App 中有這段代碼來(lái)加載我的聊天消息:  const chatBubbles = dummyData.map((obj, i = 0) => {    <div className={`${classes.bubbleContainer} ${obj.direction}`} key={i}>      <div key={(i += 1)} className={classes.bubble}>        <div className={classes.button}>{obj.message}</div>      </div>    </div>;  });  return <div className={classes.container}>{chatBubbles}</div>;這是可行的,但我在 ESLint 中遇到兩個(gè)錯(cuò)誤,我不知道如何修復(fù)它  error  Expected to return a value in arrow function                           array-callback-return  error  Expected an assignment or function call and instead saw an expression  no-unused-expressions  error  Assignment to function parameter 'i'                                   no-param-reassign我怎樣才能重寫這個(gè)代碼片段以便我的 Eslint 能夠接受?
查看完整描述

3 回答

?
心有法竹

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

第一個(gè)問(wèn)題:沒(méi)有理由設(shè)置默認(rèn)值!


const chatBubbles = dummyData.map((obj, i = 0) => { <-- there should not be a `= 0`

第二個(gè)問(wèn)題:區(qū)塊內(nèi)不返回


const chatBubbles = dummyData.map((obj, i = 0) => { <-- there { should be a ( <div/> ) or { return (<div/>) }

第三個(gè)問(wèn)題:由map設(shè)置的遞增索引


(i += 1) <-- Why are you increasing the variable i? 

const chatBubbles = dummyData.map((obj, i) => (

  <div className={`${classes.bubbleContainer} ${obj.direction}`} key={i}>

    <div key={(i + 1)} className={classes.bubble}>

      <div className={classes.button}>{obj.message}</div>

    </div>

  </div>;

));

return <div className={classes.container}>{chatBubbles}</div>;

我不知道你為什么要在第二個(gè)鍵上添加一個(gè)......


查看完整回答
反對(duì) 回復(fù) 2023-12-14
?
大話西游666

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

也許嘗試這樣做:


    const chatBubbles = dummyData.map((obj, i) => {

    return (

        <div className={`${classes.bubbleContainer} ${obj.direction}`} key={i}>

            <div key={(i + 1)} className={classes.bubble}>

                <div className={classes.button}>{obj.message}</div>

            </div>

        </div>;

    )

});

return <div className={classes.container}>{chatBubbles}</div>;

error  Expected an assignment or function call and instead saw an expression并且error  Expected to return a value in arrow function- 你需要從地圖回調(diào)中返回一些東西


error  Assignment to function parameter 'i'- 你不應(yīng)該重新分配i (i += 1更改為i + 1)


查看完整回答
反對(duì) 回復(fù) 2023-12-14
?
largeQ

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

i在數(shù)組上使用該函數(shù)時(shí),不需要預(yù)先分配map()。將第一行替換為:

  const chatBubbles = dummyData.map((obj, i) => {


查看完整回答
反對(duì) 回復(fù) 2023-12-14
  • 3 回答
  • 0 關(guān)注
  • 239 瀏覽
慕課專欄
更多

添加回答

舉報(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)