/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

18 votes395 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote388 views1 answer
React native bottom bar curved
Javascript React
38 votes388 views2 answers
How to comment out code in react js
Javascript React
0 vote407 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
1 vote401 views1 answer
React map component in
Javascript React
13 votes394 views1 answer
Reactjs useState() hook
Javascript React
6 votes415 views1 answer
React native loading
Javascript React
0 vote431 views1 answer
React locomotive-scroll
Javascript React
7 votes348 views2 answers
Uuid v4 react
Javascript React
2 votes437 views2 answers
Display image base64 in REACT NATIVE
Javascript React