空のオブジェクトのreduce関数が機能しません

Question

フォーム要素からオブジェクトを作成しようとしています。何らかの理由で、エラーを投げています。

let allInputs = [...formData]; 
allInputs.pop(); //Remove submit button 
return allInputs.reduce((userObj, data) => userObj[`${data.name}`] = data.value, {}); 

エラー

userModel.js:17 Uncaught TypeError: Cannot create property 'last_name' on string '' 

Answer 1

アキュムレータを返すか、あなたのケースでuserObjを減らすたびにコードを表示する必要があります。

allInputs.reduce((userObj, data) => (userObj[`${data.name}`] = data.value, userObj), {}); 

Answer 2

問題は、あなたがあなたの減速が呼び出された二回目、あなたが起動しない何を返しているものです。

割り当てを返しても、オブジェクトを返す必要があります。

(userObj, data) => userObj[`${data.name}`] = data.value // <-- this returns the result of the assignment 

このような何か作業をする必要があります：

allInputs.reduce(
    (userObj, data) => Object.assign(userObj, { 
    [data.name]: data.value 
    }), 
    {} 
); 

注：コメントでヴィックで述べたように、文字列の補間の必要がない、すなわち${data.name} - >ちょうどdata.nameは十分ですが。