1
00:00:02,420 --> 00:00:07,190
Vogliamo inviare questa azione sulla schermata dei filtri ovviamente perché è lì che

2
00:00:07,190 --> 00:00:08,870
impostiamo tutti questi filtri.

3
00:00:08,980 --> 00:00:14,980
In questo momento, li gestiamo qui nello stato interno e questo rimarrà in questo modo perché abbiamo sicuramente

4
00:00:15,430 --> 00:00:17,490
bisogno dei nostri filtri lì,

5
00:00:17,680 --> 00:00:21,610
ma ora ovviamente, voglio inviare un'azione quando viene premuto il pulsante Salva.

6
00:00:21,610 --> 00:00:26,210
Per fortuna, ho già la connessione all'intestazione impostata con use use e set params, quindi

7
00:00:26,530 --> 00:00:31,020
tutto ciò che dobbiamo fare è sostituire il log della console qui con l'invio.

8
00:00:31,180 --> 00:00:39,280
Ora, naturalmente, per usare l'invio, dobbiamo prima di tutto importare l'uso dell'aggancio di invio qui da React Redux in

9
00:00:39,330 --> 00:00:41,350
questo modo e ora possiamo

10
00:00:41,350 --> 00:00:46,490
usare quell'aggancio qui per accedere alla funzione di invio, quindi l'invio const

11
00:00:46,910 --> 00:00:51,530
equivale a usare l'invio eseguito come funzione e ora possiamo chiamare

12
00:00:51,530 --> 00:00:57,070
l'invio qui per inviare un'azione e quindi, tra l'altro, dobbiamo anche aggiungere l'invio

13
00:00:57,070 --> 00:01:01,700
come dipendenza, ma React Redux farà in modo che questo non

14
00:01:01,700 --> 00:01:02,910
cambi mai,

15
00:01:02,990 --> 00:01:06,110
quindi questo non attiverà mai un nuovo rendering,

16
00:01:06,290 --> 00:01:07,950
tuttavia, dobbiamo aggiungerlo.

17
00:01:08,120 --> 00:01:23,720
Quindi questo è il dispaccio, ora importante, dobbiamo anche importare il mio creatore di azioni dai pasti delle azioni del negozio e ovviamente sto parlando del creatore di azioni set filtri perché devo chiamarlo

18
00:01:23,720 --> 00:01:25,730
qui per creare

19
00:01:25,730 --> 00:01:33,870
un'azione che passo per spedire lì e imposta i filtri una volta che ho applicato l'oggetto dei filtri

20
00:01:33,960 --> 00:01:40,170
che inoltro e lì ho senza glutine, senza lattosio, vegano e questo dovrebbe

21
00:01:40,170 --> 00:01:47,550
essere solo vegetariano, importante, perché le chiavi che hai impostato qui devono essere le chiavi che

22
00:01:47,550 --> 00:01:52,380
stai cercando nel tuo riduttore , altrimenti non funzionerà, importante.

23
00:01:52,380 --> 00:01:55,110
Quindi assicurati davvero che

24
00:01:55,110 --> 00:01:58,820
siano uguali, altrimenti questa logica non funzionerà.

25
00:01:58,840 --> 00:02:03,370
Quindi ora lo inviamo ogni volta che si preme il pulsante Salva e questo si spera

26
00:02:03,370 --> 00:02:09,220
che dovrebbe aggiustare i nostri pasti filtrati e che dovrebbe quindi riflettersi sulla schermata dei pasti di categoria perché lì stiamo

27
00:02:09,220 --> 00:02:12,010
recuperando i pasti filtrati. Proviamo, salviamo questo

28
00:02:12,040 --> 00:02:13,340
e

29
00:02:13,750 --> 00:02:17,590
ad esempio questo hamburger, probabilmente non vegano.

30
00:02:18,010 --> 00:02:29,120
Quindi andiamo ai filtri, accendiamo vegan, salviamo questo e ricevo un errore, non riesco a trovare azioni variabili, lanciate dal riduttore

31
00:02:29,120 --> 00:02:30,010
dei

32
00:02:30,020 --> 00:02:35,710
pasti, quindi diamo un'occhiata a quello. Sì, non sono azioni, ovviamente è

33
00:02:35,720 --> 00:02:37,020
azione, questo

34
00:02:37,040 --> 00:02:39,230
è il nome dell'argomento.

35
00:02:39,230 --> 00:02:40,610
Quindi dovrebbe essere azione,

36
00:02:40,610 --> 00:02:42,120
piccolo errore, solo un

37
00:02:42,140 --> 00:02:43,150
errore

38
00:02:43,580 --> 00:02:44,660
di battitura, proviamolo.

39
00:02:44,690 --> 00:02:46,220
Torna ai filtri,

40
00:02:46,220 --> 00:02:52,070
attiva vegan, salva questo e ora vai ai pasti, agli hamburger e non li vedo qui,

41
00:02:52,090 --> 00:02:58,710
il che è positivo perché significa che è filtrato. I miei spaghetti al sugo di pomodoro,

42
00:02:58,710 --> 00:03:04,310
è ancora lì perché ovviamente quello è Vegan, almeno questo è senza formaggio.

43
00:03:04,500 --> 00:03:07,680
Quindi è lì, in tedesco la cotoletta è sparita, semplice e

44
00:03:07,670 --> 00:03:10,050
veloce, l'insalata è lì che ha un senso.

45
00:03:10,050 --> 00:03:12,060
Proviamo anche un altro filtro, senza

46
00:03:12,060 --> 00:03:13,110
glutine, ora

47
00:03:13,110 --> 00:03:15,030
gli spaghetti dovrebbero essere spariti di

48
00:03:15,030 --> 00:03:16,350
sicuro, quindi diamo un'occhiata,

49
00:03:16,350 --> 00:03:18,150
sì, se ne sono andati.

50
00:03:18,150 --> 00:03:19,140
L'insalata è ancora lì,

51
00:03:19,140 --> 00:03:20,030
gli spaghetti

52
00:03:20,040 --> 00:03:24,240
sono spariti, quindi questa logica sembra funzionare. Ora importante, se disabilito senza glutine

53
00:03:24,450 --> 00:03:32,040
e quindi vedo di nuovo i miei spaghetti, se li aggiungo come preferiti e quindi aggiungo di nuovo questo filtro,

54
00:03:32,070 --> 00:03:41,160
ovviamente sotto i pasti, se ne sono andati, sotto i preferiti li vedo perché questa è la logica abbiamo impostato che i preferiti non

55
00:03:41,160 --> 00:03:46,860
prendono i dati dai nostri pasti filtrati, ma si preoccupano solo che siano preferiti

56
00:03:46,860 --> 00:03:48,090
o meno.

57
00:03:48,210 --> 00:03:53,370
Ovviamente potresti cambiare questa logica ma qui la logica è quella che è e solo

58
00:03:53,370 --> 00:03:57,980
i pasti nelle categorie qui vengono filtrati in base ai filtri impostati qui.

59
00:03:58,200 --> 00:04:04,650
Ora sarebbe bello avere un piccolo messaggio di fallback qui se non abbiamo dati a causa

60
00:04:05,130 --> 00:04:06,840
dei nostri filtri

61
00:04:06,840 --> 00:04:17,310
e quindi nella schermata dei pasti della categoria, voglio anche controllare qui se la durata dei pasti visualizzata è zero, il che significa che non ho

62
00:04:17,310 --> 00:04:26,170
pasti da visualizzare e quindi voglio restituire una vista qui con il mio testo predefinito lì in realtà e ciò significa che

63
00:04:26,170 --> 00:04:34,980
dobbiamo importare entrambi, dobbiamo importare una vista e avremo anche bisogno del foglio di stile da React Native e importare il componente

64
00:04:35,070 --> 00:04:46,570
di testo predefinito da componenti predefiniti testo e quindi aggiungere uno stile qui, stili.

65
00:04:50,270 --> 00:04:56,200
il contenuto e il testo predefinito che visualizziamo potrebbero non essere i pasti

66
00:04:56,380 --> 00:04:59,310
trovati, forse controllare i filtri, solo

67
00:04:59,310 --> 00:05:05,630
un suggerimento che forse i filtri stanno disabilitando le ricette che dovresti vedere qui.

68
00:05:05,640 --> 00:05:13,120
Ora aggiungiamo semplicemente che gli stili sono costanti qui dove creiamo un nuovo foglio di stile e

69
00:05:13,160 --> 00:05:20,390
lì, voglio impostare quella chiave di contenuto dove uso Flex One e quindi centrare nuovamente il contenuto

70
00:05:20,390 --> 00:05:26,640
in orizzontale e verticale con l'aiuto di queste proprietà di Flexbox, come quella.

71
00:05:28,100 --> 00:05:32,570
Se ora proviamo questo e forse lo testiamo su Android, solo

72
00:05:32,570 --> 00:05:43,440
per mescolare le cose anche se è un po 'più lento, posso andare lì ai miei filtri, impostare senza glutine, tornare ai miei pasti, italiano quindi, questo

73
00:05:43,440 --> 00:05:49,470
non è lì così ricevo questo messaggio. D'altra parte veloce e facile, lì ho

74
00:05:49,470 --> 00:05:53,320
un pasto e quindi non ricevo questo messaggio e quindi

75
00:05:53,400 --> 00:06:00,140
questo non sembra troppo male e ovviamente proviamo anche a disabilitare di nuovo questo filtro e

76
00:06:00,160 --> 00:06:05,980
tornare indietro, ecco gli spaghetti . Quindi ora funziona tutto ed è così che possiamo gestire il nostro stato con Redux.