/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 vote196 views1 answer
React link onclick refresh page
Javascript React
1 vote192 views1 answer
Detect touch react
Javascript React
0 vote189 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
0 vote198 views1 answer
Reactjs alert
Javascript React
0 vote229 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote263 views1 answer
Onclick react history map
Javascript React
93 votes293 views6 answers
Install react router dom
Javascript React
0 vote215 views4 answers
Router react how to pass data to class component
Javascript React
-2 votes268 views1 answer
Keyboard close when typing react native
Javascript React
0 vote185 views1 answer
React pass parameters to other page
Javascript React