/Javascript/React/React useref file input

React useref file input

const App = () => {
  const inputRef = useRef(null);
  const [file, setFile] = useState(null);
  return (
    <>
      <input
        ref={inputRef}
        accept=".pdf"
        style={{ display: "none" }}
        id="raised-button-file"
        multiple
        type="file"
        onChange={e => {
          setFile(e.target.files[0]);
        }}
      />
      <label htmlFor="raised-button-file">
        <button component="span">
          <span>file</span>
        </button>
      </label>
    </>
  );
};

Source: stackoverflow.com

Similar codes

15 votes438 views3 answers
Create react app and tailwind
Javascript React
0 vote494 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote360 views1 answer
Render a react component only after API response is received
Javascript React
0 vote449 views1 answer
State creation in class components reactjs interview questions
Javascript React
1 vote372 views1 answer
React native could not get batchedbridge
Javascript React
0 vote384 views1 answer
React clear input after button click
Javascript React
31 votes358 views1 answer
React router dom npm
Javascript React
0 vote370 views1 answer
How to give radius to imagebackground in react native
Javascript React
0 vote399 views1 answer
React Redux reducer combineReducers exemple
Javascript React
1 vote349 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React