marianamoiolicapelari
commented
11 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?
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/