/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 vote115 views2 answers
React capitalize first letter
Javascript React
2 votes129 views1 answer
React native open email client
Javascript React
1 vote125 views2 answers
Expo create react native app
Javascript React
1 vote80 views1 answer
Parent to child react state
Javascript React
0 vote126 views1 answer
React native picker not taaking height on android
Javascript React
0 vote120 views2 answers
Get data from url using react
Javascript React
1 vote117 views1 answer
Difference between dom and react dom
Javascript React
-1 vote123 views1 answer
Moment in react native
Javascript React
18 votes121 views6 answers
React native build
Javascript React
25 votes127 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React