/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 vote205 views1 answer
Onclick inline function react
Javascript React
0 vote208 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote231 views1 answer
Navigate between files in react js
Javascript React
3 votes227 views1 answer
React parameter value from query string
Javascript React
0 vote183 views1 answer
Library to add navigation in react native
Javascript React
6 votes219 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote187 views1 answer
Command reboot android app react native adb command
Javascript React
0 vote230 views1 answer
React native run-android --release
Javascript React
1 vote170 views1 answer
REACt helmet og tags DONT WORK
Javascript React
12 votes187 views3 answers
Get value of input react
Javascript React