ボタンを選択ファイル(inputtype=「file」)に関連付けます(feat.useref)
3084 ワード
UserRef Hookの使用
HTML DOMメソッドを使用して()をクリック
HTML DOMメソッドを使用して()をクリック
import { useRef } from "react";
//파일 업로드 버튼 누르면(onClick)/ input type=file이 클릭돼서(.click())/파일선택창 열림
const Ref = () => {
const selectFile = useRef("");
return (
<div>
<input
type="file"
style={{ display: "none" }}
ref={selectFile} //input에 접근 하기위해 useRef사용
/>
<button onClick={() => selectFile.current.click()}>파일 업로드</button>
</div>
);
};
export default Ref;
Reference
この問題について(ボタンを選択ファイル(inputtype=「file」)に関連付けます(feat.useref)), 我々は、より多くの情報をここで見つけました https://velog.io/@rootcho/파일-선택input-typefile과-버튼-연결-하기feat.useRefテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol