Eu estou usando a lib react-number-format
para pegar um valor como moeda formatada em meu form e então salvar ele num estado. Atualmente está dessa forma:
<NumberFormat
thousandSeparator={true}
value={form.valor}
placeholder="R$ ao dia"
onValueChange={(values) => {
const { value } = values
setForm(prev => ({ ...prev, valor: value }))
}}
prefix={'R$'}
/>
Funciona muito bem, mas eu gostaria de pegar a referência do input com o hook useRef
do React, porém não sei como faria isso nesse componente específico. Eu tentei isso só que não funcionou:
const inputRef = useRef(null)
<NumberFormat
ref={inputRef}
thousandSeparator={true}
placeholder="R$ ao dia"
prefix={'R$'}
/>
Quando eu logo o inputRef.current.value
vem undefined. Alguém sabe como pegar a referência dessa máscara?