アロー関数からオブジェクトを返す場合、文法が曖昧であるため、追加のセット{}とreturnキーワードを使用する必要があるようです。

つまり、私は書くことができませんp => {foo: "bar"}が、書かなければなりませんp => { return {foo: "bar"}; }。

arrow関数がオブジェクト以外のものを返す場合、{}およびreturnは不要ですp => "foo"。例：。

p => {foo: "bar"}を返しますundefined。

変更されたものp => {"foo": "bar"}は「SyntaxError：予期しないトークン： ' :'」をスローします。

私が見逃している明らかなものはありますか？

返されるオブジェクトリテラルを括弧で囲む必要があります。それ以外の場合、波括弧は関数の本体を表すと見なされます。次の作品：

p => ({ foo: 'bar' });

他の式を括弧で囲む必要はありません。

p => 10;
p => 'foo';
p => true;
p => [1,2,3];
p => null;
p => /^foo$/;

等々。

リファレンス：MDN-オブジェクトリテラルを返す

なぜ構文が有効であるのか疑問に思われるかもしれません（ただし、期待どおりに機能しません）。

var func = p => { foo: "bar" }

これは、JavaScriptのラベル構文が原因です。

したがって、上記のコードをES5にトランスパイルすると、次のようになります。

var func = function (p) {
  foo:
  "bar"; //obviously no return here!
}

arrow関数の本体が中括弧で囲まれている場合、暗黙的に返されません。オブジェクトを括弧で囲みます。こんな感じになります。

p => ({ foo: 'bar' })

本体を括弧で囲むことにより、関数はを返し{ foo: 'bar }ます。

うまくいけば、それはあなたの問題を解決します。そうでなければ、私は最近それをより詳細にカバーするアロー関数についての記事を書きました。お役に立てれば幸いです。JavaScriptアロー関数

正しい方法

1. 通常の返品オブジェクト

const getUser = user => {return { name: user.name, age: user.age };};

const user = { name: "xgqfrms", age: 21 };

console.log(getUser(user));
//  {name: "xgqfrms", age: 21}

2. （js式）

const getUser = user => ({ name: user.name, age: user.age });

const user = { name: "xgqfrms", age: 21 };

console.log(getUser(user));
//  {name: "xgqfrms", age: 21}

説明する

同じ答えがここにあります！

https://github.com/lydiahallie/javascript-questions/issues/220

https://mariusschulz.com/blog/returning-object-literals-from-arrow-functions-in-javascript

問題：

あなたがしているとき：

p => {foo: "bar"}

JavaScriptインタープリターは、複数ステートメントのコードブロックを開いていると判断し、そのブロックでreturnステートメントを明示的に言及する必要があります。

解決：

あなたの場合は矢印の関数式があり、単一の文を、その後、次の構文を使用できます。

p => ({foo: "bar", attr2: "some value", "attr3": "syntax choices"})

ただし、複数のステートメントが必要な場合は、次の構文を使用できます。

p => {return {foo: "bar", attr2: "some value", "attr3": "syntax choices"}}

上記の例では、中括弧の最初のセットは複数ステートメントのコードブロックを開き、中括弧の2番目のセットは動的オブジェクト用です。アロー関数のマルチステートメントコードブロックでは、returnステートメントを明示的に使用する必要があります

詳細については、Mozilla DocsでJS Arrow関数式を確認してください。

より多くのカスタムソリューションについては、これをいつでも確認できます。

x => ({}[x.name] = x);