Javascript React代码中的ESLint无返回分配和无参数重新分配错误

我在React应用程序中有以下代码来加载聊天信息：

  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接受？

在数组上使用

map（）

函数时，无需预先分配

I

。将第一行替换为以下内容：

const chatbubles=dummyData.map（（obj，i）=>{

在数组上使用

map（）

函数时，无需预先分配

i

。将第一行替换为：

const chatbubles=dummyData.map（（obj，i）=>{

也许可以这样做：

    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>;

const chatbubles=dummyData.map（（obj，i）=>{
返回(
{obj.message}
;
)
});
返回{chatbubles}；

error需要赋值或函数调用，而看到表达式

和

error需要在arrow函数中返回值

-您需要从map callback返回一些内容

错误分配到函数参数“i”

-不应重新分配

i

---

（

i+=1

更改为

i+1

）

也许可以这样做：

    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>;

const chatbubles=dummyData.map（（obj，i）=>{
返回(
{obj.message}
;
)
});
返回{chatbubles}；

error需要赋值或函数调用，而看到表达式

和

error需要在arrow函数中返回值

-您需要从map callback返回一些内容

错误分配到函数参数“i”

-不应重新分配

i

---

（

i+=1

更改为

i+1

）

第一个问题：没有理由设置默认值

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

---

const chatbubles=dummyData.map（（obj，i=0）=>{{{第一个问题：没有理由设置默认值

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

const chatbubles=dummyData.map（（obj，i=0）=>{{您阅读了文档中的相关规则页面了吗？根据规则，它们都有有效和无效代码的示例。@jonrsharpe是的，我读了，但我不明白在这种情况下该怎么办Map不会返回任何内容……您阅读了文档中的相关规则页面了吗？根据规则，它们都有有效和无效代码的示例规则。@jonrsharpe是的，我读过了，但我不明白在这种情况下该怎么办地图不会返回任何东西。。。。
(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>;