Javascript 单击按钮后,React组件不会在手机上显示,但在桌面上运行良好

Javascript 单击按钮后,React组件不会在手机上显示,但在桌面上运行良好,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我制作了一个应用程序,它呈现一个基本的登录表单,并发送一个带有用户名和密码的获取请求,在单击“登录”按钮后,另一个组件被呈现,它在另一个选项卡中打开google登录页面,返回需要粘贴到组件中的代码。 桌面上的一切都很好;另一方面,在移动设备上,第二个组件不会被渲染。 我想这可能是CSS的问题,但我不确定 import React,{Component}来自“React”; 导出默认类Spaggiari扩展组件{ 状态={ 用户名:null, 密码:“ }; handleClick=()=>{

我制作了一个应用程序,它呈现一个基本的登录表单,并发送一个带有用户名和密码的获取请求,在单击“登录”按钮后,另一个组件被呈现,它在另一个选项卡中打开google登录页面,返回需要粘贴到组件中的代码。 桌面上的一切都很好;另一方面,在移动设备上,第二个组件不会被渲染。 我想这可能是CSS的问题,但我不确定

import React,{Component}来自“React”;
导出默认类Spaggiari扩展组件{
状态={
用户名:null,
密码:“
};
handleClick=()=>{
取回(
`http://localhost:7000/api/gviva/${this.state.username}&${this.state.password}`
)
.then(response=>response.json())
。然后(resData=>{
//console.log(resData);
如果(resData!=“错误的凭据”){
//log(“将作为道具返回的对象发送到googlecode”)
this.props.handler(resData);
控制台日志(“登录”);
console.log(resData);
}否则{
console.log(resData);
}
});
};
updateValue=e=>{
console.log(this.state.username);
如果(e.target.name==“用户名”){
this.setState({username:e.target.value});
}否则如果(e.target.name==“密码”){
this.setState({密码:e.target.value});
}
};
render(){
返回(
{/*制表符标题*/}
{/*图标*/}
{/*登录表单*/}
{/*提醒Passowrd*/}
如果您已使用此应用,您的事件将被更新
你不需要登录你的谷歌账户
);
}
}

strong文本:
您是对的,您的CSS当前不工作,请覆盖按钮的CSS和包装。

strong文本: 您是对的,您的CSS当前不工作,请覆盖CSS和按钮的包装