/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

26 votes236 views5 answers
React font-awesome
Javascript React
1 vote243 views1 answer
Unordered list in react native
Javascript React
8 votes245 views4 answers
React multiple classnames
Javascript React
2 votes307 views2 answers
Set delay react native
Javascript React
0 vote215 views5 answers
React buttons npm
Javascript React
0 vote255 views1 answer
Ionic react exit app
Javascript React
1 vote241 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
32 votes234 views1 answer
'react-router-dom'
Javascript React
1 vote242 views1 answer
Programmatic title react
Javascript React
4 votes222 views2 answers
Materialize for react
Javascript React