0
respostas

Como utilizar "react-input-mask" e "react bootstrap" simultaneamente

Estou iniciando com react, e utilizando a implementação do bootstrap para o React, "react-bootstrap", mas me deparei com um problema pelo qual não estou encontrando solução, que é utilizar uma lib de máscaras de formulários para agilizar o desenvolvimento, encontrei o "react-input-mask" que parece ser a mais utilizada, e não consigo usar as duas libs simultaneamente, já que o ambas utilizam um wrapper para renderizar os input sendo:

"react-bootstrap":

<Form>
  <Form.Group className="mb-3" controlId="formBasicEmail">
    <Form.Label>Email address</Form.Label>
    <Form.Control type="email" placeholder="Enter email" />
    <Form.Text className="text-muted">
      We'll never share your email with anyone else.
    </Form.Text>
  </Form.Group>

"react-input-mask":

<InputMask mask="99/99/9999" placeholder="Enter birthdate" />

Alguém já passou por essa situação?, para os mais experientes com react, como acha qual seria a melhor abordagem ao se trabalhar com máscaras no react?

Desde já agradecido!