[21/08/17]ファイルダウンロードとクリップボードコピー機能の追加
今日、今日
コンテンツを含む検索画面の削除
コンテンツ機能設計の再構築
仕入先機能の完了
明日、明日
私のページの蒸し物リスト、最近見た商品->ボタン部品の蒸し物、または最近見なかった商品をアクティブにしてください.
通知機能の削除
「コンテンツ詳細」画面での煮込み
不快な論理を作成
構成部品で一般変数に変更する->useref
Learn
ボタンを使用してファイルをダウンロード
次の手順でタグを作成します.<a
// href -> 파일의 주소
href="/documents/오즈의제작소_입점제안서.pdf"
// href -> 다운로드 할때 저장되는 파일의 이름을 지정
download="오즈의제작소_입점제안서.pdf"
// hidden 속성으로 가린다.
hidden
// ref를 달아 click 이벤트를 트리거할 수 있도록한다.
ref={downloadRef}
></a>
hiddenプロパティは非表示ですが、display:none
とは異なり、ビューポート内で位置を占めています.
したがって、ブラウザレンダリング中にレイアウトが生成されます.// button onclick handler
const onClickEntranceProposal = () => {
// a태그의 클릭 이벤트를 트리거한다.
downloadRef.current.click();
};
ボタンクリップボードにテキストをコピー
textarea-inputは下図のように、非表示または表示がないとコピーが正常に実行されないことに注意してください.したがって、元の要素を保持します. <textarea
value={'[email protected]'}
ref={copyRef}
></textarea>
ハンドラを作成し、ボタンにインストールします. const onClickEntranceMail = () => {
copyRef.current.select();
document.execCommand('copy');
alert('이메일 주소가 복사되었습니다.');
};
Reference
この問題について([21/08/17]ファイルダウンロードとクリップボードコピー機能の追加), 我々は、より多くの情報をここで見つけました
https://velog.io/@rat8397/210817
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<a
// href -> 파일의 주소
href="/documents/오즈의제작소_입점제안서.pdf"
// href -> 다운로드 할때 저장되는 파일의 이름을 지정
download="오즈의제작소_입점제안서.pdf"
// hidden 속성으로 가린다.
hidden
// ref를 달아 click 이벤트를 트리거할 수 있도록한다.
ref={downloadRef}
></a>
// button onclick handler
const onClickEntranceProposal = () => {
// a태그의 클릭 이벤트를 트리거한다.
downloadRef.current.click();
};
<textarea
value={'[email protected]'}
ref={copyRef}
></textarea>
const onClickEntranceMail = () => {
copyRef.current.select();
document.execCommand('copy');
alert('이메일 주소가 복사되었습니다.');
};
Reference
この問題について([21/08/17]ファイルダウンロードとクリップボードコピー機能の追加), 我々は、より多くの情報をここで見つけました https://velog.io/@rat8397/210817テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol