Question

使用以下数据创建侧面导航菜单。单击相应菜单项，显示标题和描述。将菜单保留在页面左侧，将显示面板保留在右侧。使用Redux。

这就是给出的问题。基本上，我需要一个带有“标题”和“描述”的侧面导航，这是我单击的两个链接，它们将在sidenav的右侧显示数据。我在构建此应用程序时遇到问题。

我一直想弄清楚如何在redux中存储状态。我需要做的是在左侧有两个链接，单击它们，然后从右侧的菜单对象显示信息。我无法使用this.state.menu使它正常工作。谁能指出我正确的方向？

@Injectable({
    providedIn:'root'
})
export AuthService {
    public user: User;
    public userUpdated = new Subject<User>();
    ...
    public login(user: User) {
        this.user = user;
        this.userUpdated.next(user);
    }
}

@Injectable({
    providedIn:'root'
})
export class MealsService {
    constructor(
      private store: Store,
      private db: AngularFireDatabase,
      private authService: AuthService
    ) {
        meals$ = this.authService.userChanged
           .pipe(
               mergeMap(user => this.db.list(`meals/${user.uid}`)
                  .pipe(
                      tap(next => this.store.set('meals', next))
                  )
               )
           );
    }

    get uid() {
      return this.authService.user.uid;
    }

    public meals$: Observable<Meal[]>;

    addMeal(meal: Meal) {
      return this.db.list(`meals/${this.uid}`).push(meal);
    }

    removeMeal(key: string) {
      return this.db.list(`meals/${this.uid}`).remove(key);
    }
}

如何了解状态和Redux？

0 个答案: