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è)......
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)
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
i在數(shù)組上使用該函數(shù)時(shí),不需要預(yù)先分配map()。將第一行替換為:
const chatBubbles = dummyData.map((obj, i) => {添加回答
舉報(bào)
