/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

93 votes133 views6 answers
React router dom install
Javascript React
0 vote147 views1 answer
React native cli sdk.dir
Javascript React
0 vote121 views2 answers
Storage package npm react
Javascript React
0 vote149 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote124 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote139 views1 answer
React native controlling device brightness
Javascript React
0 vote128 views3 answers
React js require pasword to have special charaacter
Javascript React
0 vote136 views2 answers
How to pass data in router link react-typescript
Javascript React
0 vote127 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
13 votes138 views10 answers
React navigation
Javascript React