React Native报Syntax Error: Unexpected token, expected ","错误如何解决

「expected ","」含义说明 #

JS解析器在读取到错误的函数声明语法时，会认为你正在声明一个多参数的箭头函数，参数列表还没有结束，所以期待你用逗号分隔下一个参数，结果读取到了不符合语法规则的符号，因此抛出了这个报错。

错误原因 #

报错是addArticle函数的声明语法不规范导致的，原错误代码段如下：

const addArticle = (article => {
  setNews((list) => {
    article.key = Math.random().toString();
    return [
      article,
      ...list,
    ]
  });
  setModalWindow(false);
}

存在两个语法问题：

• 箭头函数的参数括号没有闭合，(article 属于未完成的语法结构
• 整个函数声明缺少结尾的闭合右括号

修复方案 #

将addArticle的声明改为如下代码即可解决报错：

const addArticle = (article) => {
  setNews((list) => {
    article.key = Math.random().toString();
    return [
      article,
      ...list,
    ]
  });
  setModalWindow(false);
}

内容的提问来源于stack exchange，提问作者Rustam Khusainov