Reactjs 在React和get Eslint error中呈现列表；“没有未使用的表达”；

我正在重新学习eslint，正在为CreateReact应用程序进行测试配置，还包括格式设置的prettier。错误状态无法编译：“应为赋值或函数调用，而不是看到表达式没有未使用的表达式”。我去了埃斯林特医院 并将“允许”添加到规则部分。我该如何解决这个问题？这可能是与eslint的格式冲突吗

错误指向列表项开始的行

<div>
    <ul>
      {this.state.list.map((item, index) => {
        <li key={index}>
          {item}
          <button
            type="button"
            onClick={() => {
              this.onRemoveItem(index);
            }}>
            Remove
          </button>
        </li>;
      })}
    </ul>
  </div>

---

返回值未使用，因此引发错误：

<div>
    <ul>
      {this.state.list.map((item, index) => {
        return (
         <li key={index}>
          {item}
          <button
            type="button"
            onClick={() => {
              this.onRemoveItem(index);
            }}>
            Remove
          </button>
        </li>
       );
      })}
    </ul>
  </div>

{this.state.list.map（（项，索引）=>{
返回(

{item}
{
此.onRemoveItem（索引）；
}}>
去除

);
})}

也可以使用括号返回对象：

<div>
    <ul>
      {this.state.list.map((item, index) => (
         <li key={index}>
          ...
        </li>
      ))}
    </ul>
  </div>

{this.state.list.map（（项，索引）=>(

...

))}

或者，即使您在同一行中启动

，也可以避免：

{this.state.list.map((item, index) => <li key={index}>
   ...
  </li>
)}

{this.state.list.map（（项，索引）=>

...

)}

消除“return”的规则是什么？所以只需添加括号，就可以了！在第二个示例中，您不需要内部花括号。正确：

（项目，索引）=>（…）

；不正确：

（项目，索引）=>（{
…
}）

@JordanRunning如果

在同一行，那么您可以避免

{}

@bhojendraauniyar可能我不清楚。必须省略大括号，因为无论是否有多行，

（item，index）=>（{
…
}）

都是语法错误。

{this.state.list.map((item, index) => <li key={index}>
   ...
  </li>
)}