Question

我正在使用react并尝试映射数组并创建对象：

DATETIMEOFFSET

是否可以做这样的事情：

var levels = this.props.levels.map((level, i) =>
  <img key={i} src={levelImg} className={styles.level} />
);

当我尝试这样的事情时，我收到语法错误。

Answer 1

为了在箭头函数中使用语句，你必须用大括号（{}）和return分隔函数体，就像你要做的那样“正常”函数定义：

var levels = this.props.levels.map((level, i) => {
  switch (i) {
    case 1:
      // do something
      break;
    case 2:
      // do something
      break;
    case 3:
      // do something
      break;
  }
  // ...
  return <img key={i} src={levelImg} className={styles.level} />;
});

See the MDN documentation for more information.

在map函数JS中切换语句/条件

1 个答案: