如何在reactjs中修复“预期分配或函数调用，而不是看到一个表达式”？答案

【问题标题】：How to fix "Expected an assignment or function call and instead saw an expression" in reactjs?如何在reactjs中修复“预期分配或函数调用，而不是看到一个表达式”？
【发布时间】：2019-09-09 17:36:22
【问题描述】：

我正在关注 react.js 上的 Grinder 教程并创建 burgerapp。我收到错误：

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

在我自己尝试之后，我从完成的项目中复制了他的文件并得到了完全相同的错误，所以现在我很困惑，如果问题出在其他地方，我可能是盲目的，或者他的教程不是最新的。已经尝试添加 return 语句并更改为花括号。请记住，我在其他 stackoverflow 中看到了这段代码，但它看起来完全一样。

我的代码：

const controls = [
    { label: 'Salad', type: 'salad' },  //line 6 studio code says error is here
    { label: 'Bacon', type: 'bacon' },
    { label: 'Cheese', type: 'cheese' },
    { label: 'Meat', type: 'meat' },
];


const buildControls = (props) => (
<div className ={"BuildControls"}>
    {controls.map(ctrl =>(
        <BuildControl key={ctrl.label} label={ctrl.label}/>
))}
    </div>
);
export default buildControls;

应用应该开始显示构建控件，但现在它甚至还没有编译。请不要对这个话题的初学者苛刻。

【问题讨论】：

看起来不错...这可能只是您的 linter 的问题，因为这是一个 linting 错误。也许尝试重新启动您的 IDE
我试图重新启动节点并重新启动整个 IDE，但仍然出现同样的错误。尝试 cbdev420 解决方案时显示相同的错误；/ 它显示以数组为错误根的行。
投票结束，因为离题/不太可能帮助其他读者。请参阅 OP 的回答“......问题在不同的文件中......”。

标签： javascript reactjs jsx

【解决方案1】：

好的找到解决方案是我失明了，问题出在不同的文件中，大括号没有返回语句，添加返回后它已修复。 BuildControls 中显示错误，但 BuildControl 中出现问题。

const BuildControl = (props) => {};

应该是这样的

const BuildControl = (props) => ();

【讨论】：

有人知道原因吗？

【解决方案2】：

试试这样的：

const buildControls = (props) => {

  const controlItems = controls.map(ctrl =>
    <BuildControl key={ctrl.label} label={ctrl.label}/>
  );

  return(
  <div className ={"BuildControls"}>
    {controlItems}
  </div>
  );

};

【讨论】：