react-bootstrap

The more current version of this would be something like: function MyComponent(): JSX.Element { const handleFileSelected = (e: React.ChangeEvent<HTMLInputElement>): void => { const files = Array.from(e.target.files) console.log(“files:”, files) } return ( <input onChange={handleFileSelected} type=”file” /> ) } The attribute is found on e.target.files which you can get from the onChange event. EDIT: Removed unnecessary ref … Read more

you need to assign it using the style={} construct. Try this: <Input ref=”username” type=”text” label=”Username” placeholder=”Enter username” style={{zIndex:1}} />