/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

11 votes140 views4 answers
React native flatlist
Javascript React
0 vote135 views1 answer
Why does my react project dosent have any class
Javascript React
0 vote162 views1 answer
React router native back button
Javascript React
0 vote140 views1 answer
Altenrive for react native
Javascript React
0 vote160 views1 answer
React fontawesome exchange icon
Javascript React
0 vote138 views1 answer
Center child components in react
Javascript React
0 vote125 views1 answer
React native onChangeText resize the background image
Javascript React
16 votes147 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote135 views1 answer
Upload image file in react native using rest api to website
Javascript React
1 vote157 views1 answer
React-router-dom v6 redirect
Javascript React