带有return语句的意外标记

时间:2018-03-19 14:34:00

标签: javascript

不确定发生了什么,但是,当我循环通过对象的键时,我正在尝试返回一个素材ui组件,但是,我不断得到Unexpected token

我在下面发布了我的代码,我不确定为什么会出现此错误:

  renderTableRow(subheader) {
    const { data, multiHeaderBy } = this.props;
    data.map((subdata) => {
      if (subdata[multiHeaderBy] === subheader) {
        Object.keys(subdata).forEach(key => return <TableRowColumn>scsc</TableRowColumn>);
      }
      return null;
    });
  }

1 个答案:

答案 0 :(得分:1)

如果要在箭头函数中使用显式return语句,则必须将函数体放在{ }中:

    Object.keys(subdata).forEach(key => { return <TableRowColumn>scsc</TableRowColumn> });

&#34;简单&#34;没有{ }的箭头函数形式要求函数体是单个表达式,而return不是表达式语法的一部分;它是自己的声明类型。这就是为什么它是一个意想不到的令牌&#34; - 在=>之后,解析器需要{或可以启动表达式的标记。