Ограничить доступ пользователя к странице формы в приложении React

Question

Я новичок в разработке программного обеспечения. Я пытаюсь создать веб-приложение React, которое будет использоваться в клинике. В настоящее время приложение будет иметь только двух пользователей. В приложении пациенты будут вводить данные, используя единую форму, и врачи смогут просматривать данные на его панели инструментов. Я не хочу, чтобы пользователь получал доступ к приборной панели врача, поэтому я хочу ограничить его доступ к отправке формы. Также только врач будет иметь полномочия, поскольку он / она будет владельцем приложения. Пожалуйста, наставьте меня, как мне поступить.

Answer 1

сохраняйте данные о вашем зарегистрированном пользователе в редукторе, чтобы вы могли идентифицировать зарегистрированного пользователя, пациента или врача

добавить условный компонент, если пользователь врач, а затем показать панель доктора

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)