3 回答

TA貢獻1866條經驗 獲得超5個贊
第一個問題:沒有理由設置默認值!
const chatBubbles = dummyData.map((obj, i = 0) => { <-- there should not be a `= 0`
第二個問題:區塊內不返回
const chatBubbles = dummyData.map((obj, i = 0) => { <-- there { should be a ( <div/> ) or { return (<div/>) }
第三個問題:由map設置的遞增索引
(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>;
我不知道你為什么要在第二個鍵上添加一個......

TA貢獻1817條經驗 獲得超14個贊
也許嘗試這樣做:
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- 你需要從地圖回調中返回一些東西
error Assignment to function parameter 'i'- 你不應該重新分配i (i += 1更改為i + 1)

TA貢獻2039條經驗 獲得超8個贊
i
在數組上使用該函數時,不需要預先分配map()
。將第一行替換為:
const chatBubbles = dummyData.map((obj, i) => {
添加回答
舉報