/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 vote150 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote162 views1 answer
Curved lines on google maps usint react
Javascript React
1 vote140 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote153 views2 answers
React convert excel to json
Javascript React
112 votes162 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote163 views1 answer
Icon with label in react native
Javascript React
0 vote142 views1 answer
Filter based on input typing react
Javascript React
1 vote140 views1 answer
Input type number react native
Javascript React
0 vote136 views1 answer
React setstate in another component
Javascript React
0 vote148 views1 answer
React js date ago
Javascript React