Javascript 需要知道如何对对象使用“扩展”操作符
我有一个reactJS应用程序，想知道是否有更简单的方法将我的状态对象分配给rest返回的数据。也许使用扩展运算符Javascript 需要知道如何对对象使用“扩展”操作符,javascript,reactjs,Javascript,Reactjs,我有一个reactJS应用程序，想知道是否有更简单的方法将我的状态对象分配给rest返回的数据。也许使用扩展运算符 state = { recordid: "", companyname: {val:"",err:""}, address: {val:"",err:""}, telephone: {val:[],err:""}, email: {val:[],err:""}, taxid: {val:
state = {
recordid: "",
companyname: {val:"",err:""},
address: {val:"",err:""},
telephone: {val:[],err:""},
email: {val:[],err:""},
taxid: {val:"",err:""},
weburl: {val:"",err:""},
loading: true
}
{
"address": "9242 Kropf Court\nTulsa, OK 74133",
"balance": "1937.2400",
"companyname": "HUB Pharmaceuticals, LLC",
"email": [
{
"emailaddress": "lespinha4r@salon.com",
"emailname": "Lizbeth Espinha",
"recordid": "ea18a1b3-860d-45ed-a6bc-b5208dcfbac7"
}
],
"recordid": "fe435915-0e5c-4165-80ca-28c69a5d1ed8",
"taxid": "132798707",
"telephone": [
{
"phonename": "Office",
"phonenumber": "9185499797",
"recorder": 1,
"recordid": "9fd70f31-b450-465b-aec4-39f47ec6e883"
}
],
"weburl": "https://delicious.com"
}
我的意图是将RESTapi返回的值赋给匹配的状态变量，但赋给相应的“val”变量。这可以用spread操作符完成吗？它并不漂亮，但您可以使用它来获取感兴趣的属性：
state = {
recordid: "",
companyname: {val:"",err:""},
address: {val:"",err:""},
telephone: {val:[],err:""},
email: {val:[],err:""},
taxid: {val:"",err:""},
weburl: {val:"",err:""},
loading: true
}
const parseResponseObject=({
recordid，
公司名称，
地址:，
电话,，
电子邮件，
出租车，
weburl，
}) => ({
recordid，
公司名称：{val:companyname，错误：'}，
地址：{val:address，错误：“”，
电话：{val:电话，错误：'}，
电子邮件：{val:email，错误：'}，
taxid:{val:taxid，错误：“”，
weburl:{val:weburl，错误：'}，
加载：对，
})
常数响应={
地址：'9242克洛夫法院\n北卡罗来纳州图尔萨74133'，
余额：“1937.2400”，
公司名称：“HUB Pharmaceuticals，LLC”，
电邮：[
{
电子邮件地址：'lespinha4r@salon.com',
emailname:'Lizbeth Espinha'，
记录ID:'ea18a1b3-860d-45ed-a6bc-b5208dcfbac7'，
},
],
记录ID:'fe435915-0e5c-4165-80ca-28c69a5d1ed8'，
的士：132798707，
电话：[
{
电话名：'办公室'，
电话号码：“9185499797”，
录音机：1，
记录ID:'9fd70f31-b450-465b-aec4-39f47ec6e883'，
},
],
网址：'https://delicious.com',
}
常量结果=parseResponseObject（响应）
console.log（结果）const数据={
“地址”：“9242克洛夫法院\n德克萨斯州图尔萨市，邮编74133”，
“余额”：“1937.2400”，
“公司名称”：“HUB Pharmaceuticals，LLC”，
“电子邮件”：[{
“电子邮件地址”：”lespinha4r@salon.com",
“emailname”：“Lizbeth Espinha”，
“记录ID”：“ea18a1b3-860d-45ed-a6bc-b5208dcfbac7”
}],
“记录ID”：“fe435915-0e5c-4165-80ca-28c69a5d1ed8”，
“出租车”：“132798707”，
“电话”：[{
“电话名”：“办公室”，
“电话号码”：“9185499797”，
“录音机”：1，
“记录ID”：“9fd70f31-b450-465b-aec4-39f47ec6e883”
}],
“weburl”：https://delicious.com"
}
常量状态={
记录ID:“”，
公司名称：{val:，err:}，
地址：{val:，错误：}，
电话：{val:[]，错误：}，
电子邮件：{val:[]，错误：}，
taxid:{val:，err:}，
weburl:{val:，err:}，
加载：正确
}
常量结果=（d，状态）=>({
……国家，
…Object.entries（d）.reduce（（p[k，val]）=>（p[k]=({
瓦尔，
错误：“”
})，p），{}）
})
console.log（结果（数据、状态））状态={
记录ID:“”，
公司名称：{val:，err:}，
地址：{val:，错误：}，
电话：{val:[]，错误：}，
电子邮件：{val:[]，错误：}，
taxid:{val:，err:}，
weburl:{val:，err:}，
加载：正确
}
常数响应={
“地址”：“9242克洛夫法院\n德克萨斯州图尔萨市，邮编74133”，
“余额”：“1937.2400”，
“公司名称”：“HUB Pharmaceuticals，LLC”，
“电子邮件”：[
{
“电子邮件地址”：”lespinha4r@salon.com",
“emailname”：“Lizbeth Espinha”，
“记录ID”：“ea18a1b3-860d-45ed-a6bc-b5208dcfbac7”
}
],
“记录ID”：“fe435915-0e5c-4165-80ca-28c69a5d1ed8”，
“出租车”：“132798707”，
“电话”：[
{
“电话名”：“办公室”，
“电话号码”：“9185499797”，
“录音机”：1，
“记录ID”：“9fd70f31-b450-465b-aec4-39f47ec6e883”
}
],
“weburl”：https://delicious.com"
}
for（让对象的键。键（状态））{
if（类型（响应[键]！=“未定义”）{
if（类型（状态[键]=“对象”）{
状态[key].val=响应[key]；
}否则{
状态[键]=响应[键]；
}
}
}
console.log（state）valerrreduce