1
00:00:02,300 --> 00:00:07,850
Então, e quanto a enviar isso? O botão enviar, é claro, está no nosso cabeçalho e, portanto,

2
00:00:07,880 --> 00:00:10,460
você aprendeu como conectar o cabeçalho e o componente, fazemos

3
00:00:10,460 --> 00:00:12,230
isso com a ajuda de parâmetros.

4
00:00:12,380 --> 00:00:15,980
Então, adicionarei uma nova função aqui no componente de edição

5
00:00:16,220 --> 00:00:23,320
de produto, o manipulador de envio pode ser o nome e, nessa função, quero fazer o que for necessário para

6
00:00:23,320 --> 00:00:25,270
adicionar um produto ou atualizá-lo,

7
00:00:25,330 --> 00:00:27,700
por isso precisamos despachar algumas ações Redux.

8
00:00:27,700 --> 00:00:34,160
Por enquanto, vou apenas consolar o envio do registro aqui para que possamos ver isso sendo executado.

9
00:00:34,270 --> 00:00:40,530
Agora precisamos passar esse manipulador de envio para nossos parâmetros e podemos fazer

10
00:00:40,540 --> 00:00:48,640
isso com a ajuda do efeito de uso aqui, que eu mostrei anteriormente e também com o

11
00:00:48,640 --> 00:00:49,700
retorno

12
00:00:49,750 --> 00:00:52,360
de chamada de uso. dependências agora,

13
00:00:52,360 --> 00:00:57,370
para que possamos usá-lo assim. Isso garante que essa função não seja recriada

14
00:00:57,400 --> 00:01:00,720
toda vez que o componente for renderizado novamente e, portanto, evitamos

15
00:01:00,880 --> 00:01:06,890
inserir um loop infinito e agora podemos executar o efeito use aqui para executar uma função após cada ciclo de renderização e

16
00:01:07,090 --> 00:01:10,510
aqui, nossa dependência é o manipulador de envio que nunca mudanças, o

17
00:01:10,510 --> 00:01:16,240
que significa que no momento isso é executado apenas uma vez, o que é ótimo, porque então podemos definir parâmetros

18
00:01:16,240 --> 00:01:25,670
aqui, passar um objeto em que vinculamos o envio como uma chave para o manipulador de envio. Agora submit é um parâmetro que podemos recuperar aqui em

19
00:01:25,670 --> 00:01:38,000
nosso cabeçalho; nossa função de envio pode ser buscada a partir de dados de navegação. navigation get param submit, essa é a tecla que acabei de configurar na função

20
00:01:38,420 --> 00:01:43,880
de chamada e envio de parâmetros, portanto, o que deve ser

21
00:01:43,880 --> 00:01:50,720
executado quando esse botão for pressionado, então aponto para a função de envio no final.

22
00:01:50,730 --> 00:01:55,770
Agora, agora, também é necessária uma pequena alteração, use um retorno de chamada como esse para recriá-lo toda

23
00:01:55,770 --> 00:02:00,180
vez que for renderizado novamente, precisamos passar o segundo argumento que deve ser um array

24
00:02:00,180 --> 00:02:04,170
vazio, agora essa função nunca será recriada e agora evite um loop infinito.

25
00:02:04,170 --> 00:02:12,220
Então agora, se formos para a tela do administrador, clique aqui e clique neste botão, você verá o envio aqui e, portanto,

26
00:02:12,220 --> 00:02:13,690
funciona como deveria.