/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 vote191 views1 answer
React addeventlistener useeffect
Javascript React
5 votes223 views1 answer
React native text wrap
Javascript React
0 vote233 views1 answer
Traduire text with api translate google in react
Javascript React
0 vote227 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
1 vote211 views1 answer
Typing refs react
Javascript React
0 vote223 views1 answer
Show and hide div based on radio button click react
Javascript React
2 votes205 views1 answer
Make page refresh on top in react js
Javascript React
0 vote222 views2 answers
How to pass data in router link react-typescript
Javascript React
0 vote228 views2 answers
React addon update
Javascript React
2 votes228 views2 answers
Easiest way to show current date in react
Javascript React