/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

131 votes509 views6 answers
Creating react app
Javascript React
29 votes309 views6 answers
React background image
Javascript React
0 vote310 views1 answer
Why does my react project dosent have any class
Javascript React
0 vote329 views1 answer
React shadow
Javascript React
0 vote336 views1 answer
Network display react native
Javascript React
1 vote323 views1 answer
How to add button react native app.js
Javascript React
0 vote296 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote304 views1 answer
Camera roll react native
Javascript React
0 vote311 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote334 views1 answer
Create loop to specific length react
Javascript React