/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 vote328 views1 answer
Active link color different in react js
Javascript React
0 vote415 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote340 views1 answer
Find 401 error and logout axios in react
Javascript React
1 vote363 views1 answer
React material ui classname
Javascript React
1 vote354 views1 answer
Tab navigation react-native without title
Javascript React
110 votes377 views2 answers
Create react js app
Javascript React
160 votes588 views6 answers
React install
Javascript React
0 vote341 views1 answer
Line separator with text in the center react native
Javascript React
0 vote371 views1 answer
React electron desktop app
Javascript React
0 vote350 views1 answer
React.js file extension
Javascript React