/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

1 vote387 views1 answer
Scale text in div react
Javascript React
0 vote375 views2 answers
React arrow function component
Javascript React
0 vote372 views1 answer
React native style variable
Javascript React
15 votes345 views6 answers
Axios react
Javascript React
0 vote363 views1 answer
Start to work with a pre existing react projects
Javascript React
1 vote356 views2 answers
Can't perform a react state update
Javascript React
1 vote387 views1 answer
Fontawsome icon size react element
Javascript React
0 vote366 views1 answer
Dropdown search field in react native
Javascript React
1 vote395 views3 answers
Form action using react
Javascript React
0 vote326 views1 answer
Nextjs react native web typescript
Javascript React