/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 vote327 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote299 views3 answers
Flash effect in react native
Javascript React
105 votes380 views3 answers
React bootstrap do you need to import
Javascript React
0 vote351 views1 answer
What was the reaction of others bostonh tea party
Javascript React
20 votes362 views4 answers
On enter key press react
Javascript React
0 vote323 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote335 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote359 views1 answer
React native local.properties
Javascript React
0 vote362 views1 answer
Declaring variable react hooks
Javascript React
0 vote322 views1 answer
How get value of datePicker in react
Javascript React