Javascript 未捕获错误：“style”属性需要样式属性的映射

根据错误我贴了家里的组件，请看一看

import React，{Component}来自'React'；
导入{getFromStorage
，setInStorage}来自“../../utils/storage”；
导入“whatwg fetch”；
//从“/TodoList”导入TodoList
类Home扩展组件{
建造师（道具）{
超级（道具）；
此.state={
令牌：“”，
孤岛加载：是的，
签名错误：“”，
签名错误：“”，
签名：''，
签名密码：“”，
signUpFirstName:“”，
signUpLastName:“”，
注册电子邮件：“”，
signUpPassword:'
};
this.onTextboxChangeSignInEmail=this.onTextboxChangeSignInEmail.bind（this）；
this.onTextboxChangeSignInPassword=this.onTextboxChangeSignInPassword.bind（this）；
this.onTextboxChangeSignUpEmail=this.onTextboxChangeSignUpEmail.bind（this）；
this.onTextboxChangeSignUpPassword=this.onTextboxChangeSignUpPassword.bind（this）；
this.onTextboxChangeSignUpFirstName=this.onTextboxChangeSignUpFirstName.bind（this）；
this.onTextboxChangeSignUpLastName=this.onTextboxChangeSignUpLastName.bind（this）；
this.onSignIn=this.onSignIn.bind（this）；
this.onSignUp=this.onSignUp.bind（this）；
this.logout=this.logout.bind（this）；
}
componentDidMount（）{
const obj=getFromStorage（“主应用程序”）；
if（对象和对象令牌）{
const{token}=obj；
//验证令牌
获取（'/api/account/verify？token='+token）
.then（res=>res.json（））
。然后（json=>{
if（json.success）{
这是我的国家({
代币
孤岛加载：false
});
}否则{
这是我的国家({
孤岛加载：false，
});
}
});
}否则{
这是我的国家({
孤岛加载：false，
});
}
}
onTextboxChangeSignInEmail（事件）{
这是我的国家({
signInEmail:event.target.value，
})
}
ContextBoxChangeSignInPassword（事件）{
这是我的国家({
signInPassword:event.target.value，
})
}
ContextBoxChangeSignupEmail（事件）{
这是我的国家({
注册电子邮件：event.target.value，
})
}
ContextBoxChangeSignupPassword（事件）{
这是我的国家({
signUpPassword:event.target.value，
})
}
onTextboxChangeSignUpFirstName（事件）{
这是我的国家({
signUpFirstName:event.target.value，
})
}
onTextboxChangeSignUpLastName（事件）{
这是我的国家({
signUpLastName:event.target.value，
});
}
onSignIn（）{
//抓取状态
常数{
先生，
签名口令，
}=本州；
这是我的国家({
孤岛加载：是的，
});
//将请求发布到后端
获取（'/api/account/sign'{
方法：“POST”，
标题：{
“内容类型”：“应用程序/json”
},
正文：JSON.stringify({
电子邮件：signInEmail，
密码：signInPassword，
}),
}).then（res=>res.json（））
。然后（json=>{
log（'json'，json）；
if（json.success）{
setInStorage（'the_main_app'，{token:json.token}）；
这是我的国家({
signError:json.message，
孤岛加载：false，
签名密码：“”，
签名：''，
token:json.token，
});
}否则{
这是我的国家({
signError:json.message，
孤岛加载：false，
});
}
});
}
onSignUp（）{
//抓取状态
常数{
注册名字，
signUpLastName，
注册电子邮件，
签名密码，
}=本州；
这是我的国家({
孤岛加载：是的，
});
//将请求发布到后端
获取（“/api/account/signup”{
方法：“POST”，
标题：{
“内容类型”：“应用程序/json”
},
正文：JSON.stringify({
名字：signUpLastName，
lastName:signUpLastName，
电子邮件：注册电子邮件，
密码：signUpPassword，
}),
}).then（res=>res.json（））
。然后（json=>{
log（'json'，json）；
if（json.success）{
这是我的国家({
signUpError:json.message，
孤岛加载：false，
注册电子邮件：“”，
signUpPassword:“”，
});
}否则{
这是我的国家({
signUpError:json.message，
孤岛加载：false，
});
}
});
}
注销（）{
这是我的国家({
孤岛加载：是的，
});
const obj=getFromStorage（“主应用程序”）；
if（对象和对象令牌）{
const{token}=obj；
//验证令牌
获取（'/api/account/logout？令牌='+token）
.then（res=>res.json（））
。然后（json=>{
if（json.success）{
这是我的国家({
令牌：“”，
孤岛加载：false
});
}否则{
这是我的国家({
孤岛加载：false，
});
}
});
}否则{
这是我的国家({
孤岛加载：false，
});
}
}
render（）{
常数{
孤岛，
代币
签字人，
先生，
先生，
签名口令，
注册名字，
signUpLastName，
注册电子邮件，
签名密码
}=本州；
如果（孤岛加载）{
返回（加载…
）；
}
如果（！令牌）{
返回(
{
（签名错误）(
{signError}

)：（空）
}
登录

登录



{
（签名者）(
{signUpError}

)：（空）
}
报名

注册
);
}
返回(
日志
<button onClick={this.onSignIn} style="">Sign In</button>