时间戳

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

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

问题描述

我正在按照 react.js 上的 Grinder 教程创建汉堡应用程序。我收到错误： 

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

在自己尝试之后，我从完成的项目中复制了他的文件并得到了完全相同的错误，所以现在我很困惑，如果问题出在其他地方，我可能是盲目的，或者他的教程不是最新的。已经尝试添加返回语句并更改为花括号。请记住，我在其他 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;

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

标签： javascriptreactjsjsx

解决方案

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

const BuildControl = (props) => {};

虽然它应该是

const BuildControl = (props) => ();

推荐阅读