0

我目前正在为现有的 Web 应用程序（基于 Vue JS 构建的前端）开发一个移动应用程序（在 React Native 上）。

在 Web 应用程序中，我有多个用户办公室（匿名用户只能登录、更改站点语言和访问其他原始功能；管理员有一个办公室，他可以管理用户、进行预订、发票等；客户可以访问属于仅适用于该用户类型），并且在 Vue JS 中，它不仅分为src, , src-anonymous, src-admin, src-customer.

它还包含vue.config.js文件，我在其中设置我的应用程序有多少页。Web 应用程序也为此目的使用 webpack。

那么如何让这些办公室在 React Native 应用程序中拆分为匿名、管理员和客户呢？

4

1 回答 1

1

您可以在用户表中添加一列，例如：user_type 并设置值，即

user_type 0 代表访客，user_type 1 代表管理员，user_type 2 代表客户，

在数据库中。

然后在获取响应后在 React-Native 上，您可以检查条件并导航到相应的页面。

if(response.user_type === 0) {
   this.props.navigation("GuestView");
} else if(response.user_type ===1) {
   this.props.navigation.navigate("AdminView")
}

另一种方法是您可以为特定事物创建组件，例如管理员可以看到的预订组件。然后有条件地渲染它们

{ this.props.user_type === 1 && 

<Bookings />

}

在上述条件下，预订组件将仅对管理员可见。

于 2021-01-16T14:26:52.143 回答