1
00:00:02,260 --> 00:00:10,210
Então, como podemos agora definir nossas opções aqui de uma maneira mais agradável e com uma ampla solução alternativa como a

2
00:00:10,210 --> 00:00:11,710
que temos aqui?

3
00:00:11,710 --> 00:00:17,050
Anteriormente, precisávamos abusar dos pais para obter dados de nosso componente.

4
00:00:17,050 --> 00:00:23,470
Então, isso mudou em nosso componente para as opções de navegação D com reativação cinco que não são mais

5
00:00:23,800 --> 00:00:29,380
necessárias neste cenário. Temos que enviar a função e queremos passar uma função de envio diferente para

6
00:00:29,380 --> 00:00:31,050
as nossas opções aqui.

7
00:00:31,120 --> 00:00:36,460
Agora, fizemos isso definindo os pais aqui e definindo o parâmetro de envio para nosso manipulador

8
00:00:36,460 --> 00:00:43,650
de envio no manipulador de envio. Esse ano da função seria atualizado sempre que nosso status do formulário fosse alterado, por exemplo.

9
00:00:43,690 --> 00:00:46,810
Bem, agora não precisamos mais fazer isso, estabelecemos mais os pais.

10
00:00:46,810 --> 00:00:55,440
Em vez disso, o que podemos fazer agora é que podemos usar uma nova função chamada set options ainda no suporte de

11
00:00:55,470 --> 00:01:02,160
navegação que não muda, mas essa função set options aqui é nova e isso nos permite definir

12
00:01:02,280 --> 00:01:05,460
novas opções dinamicamente de dentro do componente.

13
00:01:05,610 --> 00:01:07,150
Então, o que podemos fazer aqui.

14
00:01:07,200 --> 00:01:12,890
Bem, alimentamos um objeto em opções definidas e agora aqui podemos ajustar dinamicamente nossas opções.

15
00:01:12,900 --> 00:01:19,380
Portanto, neste caso, não posso me livrar dessa linha aqui, onde extraímos uma função de envio, nossas opções de tela e, em vez disso,

16
00:01:19,950 --> 00:01:24,130
vamos para o local em que a usamos, que é a opção correta do cabeçalho.

17
00:01:24,450 --> 00:01:33,030
E agora podemos agrupar a configuração do cabeçalho aqui das opções da tela e entrar no componente aqui, onde

18
00:01:35,080 --> 00:01:38,500
eu defino as opções e defino-o lá.

19
00:01:38,500 --> 00:01:43,990
Então agora defino minha opção de cabeçalho aqui de dentro do componente e o legal é que

20
00:01:43,990 --> 00:01:47,710
agora posso me referir à função de manipulador de envio.

21
00:01:47,800 --> 00:01:53,240
E, como isso é usado sempre que esse manipulador muda, redefiniremos essa opção.

22
00:01:53,290 --> 00:01:54,640
Portanto, se agora

23
00:01:57,930 --> 00:02:06,790
salvarmos o pai e recarregarmos nosso aplicativo e formos para a área de administração e clicar em adicionar aqui, você verá que

24
00:02:06,790 --> 00:02:08,470
isso funciona sem erro.

25
00:02:08,470 --> 00:02:14,840
E se eu tentar adicionar meu livro aqui novamente, onde este livro de teste de preços você vê

26
00:02:19,940 --> 00:02:24,400
agora funciona, estou recebendo um erro importante aqui, que teremos que analisar.

27
00:02:24,470 --> 00:02:28,100
Mas geralmente isso funciona e funciona sem erros.

28
00:02:28,100 --> 00:02:33,740
Agora, o que não está funcionando aqui é a página de todos os meus produtos. Vejo brevemente meu produto aqui.

29
00:02:33,740 --> 00:02:35,090
Mas então eu recebo um erro novamente.

30
00:02:35,090 --> 00:02:42,290
Portanto, não podemos investigar isso, mas, além disso, isso agora funciona e o uso dos pais agora funciona e agora não precisamos usar

31
00:02:42,290 --> 00:02:46,900
os pais para coisas que realmente não têm algo a ver com os pais.

32
00:02:46,910 --> 00:02:47,150
Certo.

33
00:02:47,150 --> 00:02:53,870
Os pais devem apenas transportar dados da tela A para B ao navegar e não de dentro de uma

34
00:02:53,870 --> 00:02:55,700
tela com opções definidas.

35
00:02:55,730 --> 00:03:00,290
Agora podemos atualizar nossas opções dinamicamente sem abusar dos pais.