在.map (Reactjs)中的add in if condition之后收到错误“期望一个赋值或函数调用，而不是看到一个表达式”

在React中，.map()是一个用于数组的高阶函数，它可以遍历数组并返回一个新的数组。在使用.map()时，我们可以在回调函数中执行一些操作来处理每个数组元素。

根据您提供的问题描述，您遇到了一个错误：“期望一个赋值或函数调用，而不是看到一个表达式”。这个错误通常是由于在.map()的回调函数中使用了一个表达式而不是一个赋值或函数调用导致的。

为了解决这个问题，您可以确保在.map()的回调函数中使用的是一个赋值或函数调用。以下是一个示例代码：

const array = [1, 2, 3, 4, 5];

const newArray = array.map((item) => {
  if (item % 2 === 0) {
    return item * 2; // 这里是一个赋值表达式
  } else {
    return item; // 这里是一个赋值表达式
  }
});

console.log(newArray);

在上面的示例中，我们使用.map()遍历了一个数组，并根据条件对每个元素进行了处理。如果元素是偶数，我们将其乘以2，否则保持不变。在回调函数中，我们使用了赋值表达式来返回处理后的值。

对于React中的.map()，您还可以在回调函数中使用条件语句来动态生成元素。以下是一个示例代码：

const array = [1, 2, 3, 4, 5];

const newArray = array.map((item) => {
  if (item % 2 === 0) {
    return <div key={item}>{item} is even</div>; // 这里是一个函数调用
  } else {
    return <div key={item}>{item} is odd</div>; // 这里是一个函数调用
  }
});

return <div>{newArray}</div>;

在上面的示例中，我们根据元素的奇偶性动态生成了一组React元素。在回调函数中，我们使用了函数调用来返回React元素。

总结一下，当您在React中使用.map()时，确保在回调函数中使用的是一个赋值或函数调用，而不是一个表达式。这样可以避免出现“期望一个赋值或函数调用，而不是看到一个表达式”的错误。

腾讯云相关产品和产品介绍链接地址：