Question

我试图在React中映射一个非常简单的数组，但总是收到

Expected an assignment or function call and instead saw an expression  no-unused-expressions

这是代码

render() {
  const arr = [1, 2, 3, 4, 5];
  return (
    <div>
      <ul>
        <li>{this.state.amount}</li>
        {arr.map((e) => {
          <li key={e}>
            {e}
          </li>
        })}
      </ul>
    </div>
  );
}

对我来说，所有教程和示例中的内容都看起来像 https://reactjs.org/docs/lists-and-keys.html

Answer 1

地图中缺少返回语句：

render() {
  const arr = [1, 2, 3, 4, 5];
  return (
    <div>
      <ul>
        <li>{this.state.amount}</li>
        {arr.map((e) => {
          return <li key={e}>
            {e}
          </li>
        })}
      </ul>
    </div>
  );
}

Answer 2

我认为，如果在render中调用map（），则更容易跟踪事物。

render(){
const arr = [1, 2, 3, 4, 5];
let listItem = arr.map(each =>{
    return( 
    <li key = {e}>
        {e}
    </li>)
})
return (
  <div>
    <ul>
      <li>{this.state.amount}</li>
        {listItem} 
    </ul>
  </div>
);

在数组上反应映射以创建列表

2 个答案: