/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

5 votes230 views2 answers
Gradlew clean in react native
Javascript React
2 votes198 views1 answer
React html input required conditional
Javascript React
0 vote213 views1 answer
Yarn react select
Javascript React
1 vote238 views1 answer
Get value of input element on button click react
Javascript React
0 vote237 views1 answer
How to run bare react-native project
Javascript React
0 vote200 views1 answer
How to use saved image on react
Javascript React
0 vote203 views1 answer
React strap documentation
Javascript React
0 vote204 views1 answer
React conditional if localhost
Javascript React
0 vote209 views1 answer
Hide and show on button click in react js functional component
Javascript React
-2 votes231 views3 answers
Keyboard dismiss in react native
Javascript React