javascript - 如何修复 reactjs 中的 "Expected an assignment or function call and instead saw an expression"？

Question

我正在按照关于 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;

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

Answer 1

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

const BuildControl = (props) => {};  

应该是

const BuildControl = (props) => ();