/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

1 vote220 views1 answer
React native detect production
Javascript React
0 vote210 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote249 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
0 vote216 views1 answer
React enzyme
Javascript React
9 votes209 views6 answers
How to check react version
Javascript React
0 vote261 views1 answer
Github create react app buildpack
Javascript React
32 votes254 views6 answers
React copy array
Javascript React
0 vote226 views1 answer
React document documentMode not found
Javascript React
7 votes256 views3 answers
Conditional style prop react
Javascript React
0 vote209 views1 answer
Link externo para usar em React
Javascript React