反应：创建不同的用户配置文件

Question

我正在React中制作一个应用程序，我希望用户可以选择使用他们的电子邮件/密码作为身份验证因素来创建一个帐户。但是，我想要两个不同用户类型的选项。例如，客户和医师。这样，当用户登录时，会将他们带到该用户类型的唯一配置文件（即clientProfile.js或doctorProfile.js）。这是数据库项目吗？ Firebase Auth令牌？任何建议都会很棒！

Answer 1

1. 当用户注册时，他们将从role下拉菜单（或您选择的任何UI元素）中选择select：客户 或< / em> 医师。您将其保存到数据库中。

2. 用户登录后，您将返回他们的role以及任何其他相关的用户数据，前端需要处理该用户。

3. 渲染个人资料时，您将检查其role并返回相应的组件：clientProfile.js 或 physicianProfile.js

   < / li>

您的组件可能看起来像这样：

class UserProfile extends Component {
    constructor(props) {
        super(props);
        this.state = {
            user: null
        };
    }
    componentDidMount() {
        /* fetch user from database */
        this.setState({user: response.user});
    }
    render() {
        const { user } = this.state;

        if (user === null) {
            return <Loading/>;
        }
        if (user.role === 'physician') {
            return <PhysicianProfile user={user}/>;
        }
        return <ClientProfile user={user}/>;
    }
}