I try to customize a file input's label and placeholder in react-bootstrap but cannot find a way to do it.
In the react-bootrap docs, there is nothing about customization: https://react-bootstrap.netlify.app/docs/forms/form-control/#file-input
neihter in the bootstrap 5 docs: https://getbootstrap.com/docs/5.0/forms/form-control/#file-input
I also found this: React-Bootstrap Form.File and bs-custom-file-input. Can't get label to change
but I don't want to use another library if it is possible. ( And it is for bootstrap 4.)
This is my code:
<Form.Group className="mb-3" controlId="formFile">
<Form.Label>Kép</Form.Label>
<Form.Control ref={fileRef} type="file"/>
</Form.Group>