我是一个软件开发的初学者。我正在尝试构建一个将在诊所使用的React web应用程序。目前,应用程序将只有两个用户。在应用程序中,患者将使用单个表单输入数据,医生将能够在他/她的仪表板上看到数据。我不希望用户访问医生的仪表板,因此我想限制他对表单提交的访问。此外,只有医生将拥有凭据,因为他/她将是应用程序的所有者。请指导我该如何进行。
发布于 2019-06-05 08:14:13
将您的登录用户详细信息保存到reducer中,以便您能够识别登录用户是患者还是医生
如果用户是医生,则添加条件组件,然后显示医生仪表板
import React from "react"
import { connect } from "react-redux"
import { withRouter, Redirect } from "react-router-dom"
import { compose } from "recompose";
class formContainer extends SignUp {
constructor(props) {
super(props)
this.state = {
}
}
render() {
return (
<div className="mid-container">
{
this.props.userData.type == "DOCTOR" ?
<DoctorDashboard/> // if user is doctor then show doctor dashboard
:
<PatientDashboard/>
}
</div>
);
}
}
const mapStateToProps = (state) => {
return {
// save your login user data in react redux
userData: state.login.userData // here is your userdata of loggedin user, here you can identify is logged in user is patient or doctor if not keep user type like patient or doctor
}
}
export default compose(
withRouter,
connect(mapStateToProps, mapDispatchToProps)
)(formContainer)
https://stackoverflow.com/questions/56456279
复制相似问题