/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 vote148 views1 answer
React export multiple component from index.js
Javascript React
0 vote140 views2 answers
Why we need react js
Javascript React
0 vote139 views1 answer
React-data-table-component api action button
Javascript React
0 vote101 views1 answer
Left side menu react js
Javascript React
-1 vote135 views2 answers
Email validation in react js
Javascript React
0 vote141 views1 answer
React buffer to image
Javascript React
0 vote142 views1 answer
Bot react message with custom emoji
Javascript React
0 vote143 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote129 views1 answer
React google login button size increase
Javascript React
0 vote104 views1 answer
ReactNative onPress doesn't exist
Javascript React