React Native - 在用户成功登录后，从左侧菜单栏中隐藏登录按钮。

Question

const datas2 = [
  {
    name: "Register",
    route: "MemberSignUp",
    icon: regisIc,
  },
  {
    name: "Sign In",
    route: "MemberSignIn",
    icon: signIc,

  }

在renderList中，我有一个列表，其中我渲染的是左菜单项的数组，我想隐藏的是在用户成功登录页面后，左菜单栏的注册和登录图标。我想要的是，当用户在登录页面成功登录后，隐藏首页左菜单栏的注册和登录图标。在这里输入图片描述

renderList(datas) {
    return (

      <List
        dataArray={datas}
            renderRow={data =>

              <ListItem
                button
                noBorder
                onPress={() => NavigationService.navigate(data.route)} >
                <Left>
                  <Image source = {
                    data.icon
                  }/>

                  <Text style={styles.text}>
                    {data.name}
                  </Text>

                </Left>

Answer 1

对于你的情况，你有很多解决方案。

如果用户是登录的，你可以过滤你的数据。你需要拆分你的路径列表。

const unLoggedUserRoutes = {
    name: "Register",
    route: "MemberSignUp",
    icon: regisIc,
  },
  {
    name: "Sign In",
    route: "MemberSignIn",
    icon: signIc,

  };
const routes = !isLoggedIn ? [...unLoggedUserRoutes,...otherRoutes] : otherRoutes;