/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

0 vote318 views1 answer
Align left text in reactstrap
Javascript React
4 votes322 views3 answers
Width 100% react-native
Javascript React
0 vote288 views1 answer
React hooks, react custom hooks
Javascript React
0 vote320 views1 answer
How to cause a whole page reload react redux
Javascript React
34 votes281 views3 answers
React-router
Javascript React
5 votes307 views3 answers
Open in a new tab react
Javascript React
0 vote313 views1 answer
How to submit form in reactjs and send data in json
Javascript React
-1 vote292 views1 answer
React native smart splash screen
Javascript React
3 votes303 views2 answers
How to get custom attribute value in react
Javascript React
0 vote337 views1 answer
React native undedined map
Javascript React