ArthurPedroti / comments

0 stars 0 forks source link

integracao-de-um-input-de-moeda-ou-qualquer-input-com-mascara-com-react-hook-form-e-zod/ #7

Open utterances-bot opened 10 months ago

utterances-bot commented 10 months ago

Integração de um Input de Moeda (ou qualquer input com máscara) com React Hook Form e Zod | Arthur Pedroti

Como integrar corretamente essas bibliotecas e suas limitações

https://arthurpedroti.com.br/integracao-de-um-input-de-moeda-ou-qualquer-input-com-mascara-com-react-hook-form-e-zod/

marianamoiolicapelari commented 10 months ago

Arthur estou fazendo a máscara em meu input usando o React Hook Form, é um input de moeda então estou fazendo exatamente como você fez, porém as casas decimais não consigo incluir para que o usuário possa preencher também. O que poderia estar acontecendo?

< Controller control = { control } {...register("value_first_auction") } render = {({ field: { ref, ...rest } }) => ( <NumericFormat placeholder='Valor do 1º Leilão' style={{ width: '250px' }} thousandSeparator="." decimalSeparator="," prefix="R$ " decimalScale={2} fixedDecimalScale={true} getInputRef={ref} {...rest} /> )} />

Fixando a scala decimal consigo mostrar as casas decimais, mas só consigo edita-lás se clicar sobre elas.

Outra coisa é que preciso enviar esses dados para a api como type number.

O que você me aconselha fazer?