如何在Reactjs中修复“期望一个赋值或函数调用，而看到的却是表达式”的问题？

Question

我正在按照Grinder教程创建汉堡app，涉及到IT技术。但是我遇到了一个错误：

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;

应用程序应该开始显示构建控件，但现在它甚至无法编译。请不要太苛刻，我是这个话题的新手。

- Radek L

---

看起来没问题...可能只是你的代码检查工具出了问题，因为这是一个代码检查错误。也许尝试重新启动你的IDE。 - Michael Doye

我尝试重新启动node和整个IDE，但仍然出现了相同的错误。在尝试cbdev420解决方案时也出现了相同的错误; /它显示数组作为错误的根源所在行。 - Radek L

被投票关闭，因为不属于主题或者不太可能对其他读者有帮助。请查看原帖作者的回答：“问题出在另一个文件中……”。 - ToolmakerSteve

Answer 1

好的，我找到了解决方案，问题其实是我太疏忽了。问题出在另一个文件中，缺少了大括号里的返回语句，加上后问题就解决了。错误提示出现在“BuildControls”中，但问题实际上出在“BuildControl”中。

const BuildControl = (props) => {};  

应该是这样

const BuildControl = (props) => ();

- Radek L

---

有人知道原因吗？ - Joe

Answer 2

尝试像这样做些事情：

const buildControls = (props) => {

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

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

};

- cbdeveloper