如何在不重新绑定的情况下返回带有胖箭头函数的对象？[副本]

Question

getInitialState: function() {
  return {
    text: this.props.text
  }
}

但我想把它胖箭头化：

getInitialState: () => {
    text: this.props.text
}

除了我得到一个错误，因为在胖箭头后面的{意味着返回未定义的代码块（除非您显式地返回某些东西）。至少我一开始是这么想的。但我认为这个现在被绑定到胖箭头函数，现在这个.props是未定义的。

所以我试着这样做：

getInitialState: () => new Object({
    text: this.props.text
})

所以我想我有两个问题我很好奇。首先，从一个简单的语句胖箭头函数返回对象的惯用方法是什么？其次，如何返回对周围上下文的this对象有引用的对象？

Answer 1

用括号把它围起来，像这样

getInitialState: () => ({
    text: this.props.text
})

如果没有括号，对象文字看起来也像一个JavaScript块，其中有一个名为text的标签。因为它不明确，所以抛出SyntaxError。但是当您用()包围它时，JavaScript知道它是一个对象文本。

我想这是绑定到箭头函数

(function Test1() {
  console.log(this);
  (() => console.log(this))();
}).bind({a: 1})();

将打印

{ a: 1 }
{ a: 1 }