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;