本人刚开始学reactjs,想请教
1、判断是否登录(打算用localstorage)
2、登录前后的页面操作流程,是否按照以下的方式(不知道怎么刷新父页面)
3、能否提供一下登录功能的sample吗?
App.js
class App extends Component{
constructor(){
super();
this.state = {
isLogin: false
}
}
render(){
let isLogin = this.state.isLogin;
let page = isLogin ? (
<Home/>
):(
<Login/>
)
return (
<div>
{page}
</div>
);
}
}
Login.js
class Login extends React.Component{
onLogin(){
//这里怎么写?
}
render(){
return (
<div id='main'>
<div id="login-header">
<img src={logo} alt="logo"/>
</div>
<div id='login-main'>
<TextField
label='账号'
className='login-username'
iconProps={ { iconName: 'BlockContact' } }
/>
<TextField
label='密码'
className='login-password'
iconProps={ { iconName: 'Lock' } }
type='password'
/>
<DefaultButton
primary={true}
text='登录'
className='login-button'
onClick={ this.onLogin }
/>
</div>
</div>
);
}
}
export default Login;