Question

在React应用程序中尝试从函数/方法调用返回包含对象的对象时，我得到：

Syntax error: this is a reserved word

导致此错误的代码是：

const object = {
                this.methodOne(),
                this.methodTwo(),
                this.methodThree()
                };

我想将对象返回一个对象，但是语法错误似乎无法识别我正在尝试调用这些函数来创建对象，例如：

methodOne(){
    return {foo: "bar"}
}

与我的班级分开的函数也会发生相同的问题。

Answer 1

答案很简单。如果您不想使用对象键声明它们，而是希望它们使用直接在对象中返回的键值对，则必须使用传播运算符：

const object = {
                ...this.methodOne(),
                ...this.methodTwo(),
                ...this.methodThree()
                    };

此ES6表示法告诉JavaScript将对象中的键/值对用于返回的对象。

当我通过内联函数调用将对象返回到ES6 / Reactjs中的另一个对象时出错

1 个答案: